ipf-backgroundposition

Specifies the distance a background image should be offset from the top left corner of the container.

  • Format: ipf-backgroundposition(HorizontalOffset,VerticalOffset)

    The parameters can be either a fixed length or a percentage. When a percentage value is used, the percentage is of the container size minus the background image size. For example, a 50% vertical offset places the image in the middle of the container and a 100% offset places it at the bottom, with the bottom of the image lined up with the bottom of the container.

    When multiple background images are used, each image layer can be positioned by using a tuple with the same length as the one used for the ipf-backgroundimage style. Each position value in the tuple then affects the image at the same position in the tuple used in the ipf-backgroundimage style. For example, if there are two background images used, ipf-backgroundposition([0,0], [0,100%]) places the first image at its normal position and the second image at the bottom of the container.

  • Default value for both parameters: 0
  • Not inherited
  • Examples: ipf-backgroundposition(0, 100%) on the modal window, where ipf-backgroundrepeat(no-repeat), ipf-backgroundimage(Images/blue-bike-graphic3.png) and ipf-backgroundcolor(#FFFFFF) are also used:

    ipf-backgroundposition([0,50%], [0,50%]) on the modal window, where ipf-backgroundimage([[vertical, rgba[200,200,200,0.5], rgba[255,255,255,1]], Images/blue-bike-graphic3.png]) and ipf-backgroundrepeat(no-repeat) and ipf-backgroundcolor(#FFFFFF) are also used:

    styles29.png