background-origin

262 阅读1分钟

background-origin

规定了背景图片background-image从那里开始放置,取值:

  • padding-box (默认值)
  • content-box
  • border-box 注意:当使用background-attachmentfixed时,该属性将被忽略不起作用。

padding-box

默认为padding-box ,即从padding那里开始放置 21.png

content-box

设置为content-box,从content区域开始放置 22.png

border-box

仔细观看,boder遮挡住了图片的一部分 23.png

background-origin设置为不同的值,导致background-position中原点的位置也不一样

24.png