css background properties

background-repeat: no-repeat; Set whether to repeat the background image and how to repeat, the default level covered. (important)

  • no-repeatDo not tile;
  • repeat-xTile Horizontally;
  • repeat-yTile Vertically.

 

  • background-position:center top; Set the background image position in the current container.

  • background-attachment:scroll; Set the background image whether the scroll bar to move along together.

 

   If a background image is not provided, when the image is smaller than the size of the container, the entire container will be automatically covered, as this is only required as a background image at a predetermined position, it requires the use of background-repeat: no-repeat; Do not tile images provided

 

 

background-attachment属性

  • background-attachment:scroll; Set the background picture is fixed. Attribute values ​​can be:
    • fixed(Background will be fixed and will not be rolling the scroll bar).
    • scroll(In contrast with fixed attributes, default attribute)

Guess you like

Origin www.cnblogs.com/chenlongsheng/p/11639980.html