4回答

• 

  爱上慕婉清6262634

  2017-09-27 15:42:16

  已采纳

  根据我的测试，background-clip这个属性是受到background-origin的限制。即background-clip默认值等同于background-origin设置的值。

  1，设置background-origin:border-box;则background-clip默认是border-box,可选padding-box和content-box。

  2，设置background-origin:padding-box;则background-clip默认是padding-box,可选content-box，选择border-box时与padding-box展示效果相同。

  3，设置background-origin:content-box;则background-clip默认是content-box,这个时候实质上background-clip属性已经失去作用了，选择border-box，padding-box，content-box展示效果是一样的。

  你的那个图片中没设置background-origin属性，在浏览器Computed里面应该可以看到计算后的background-origin样式是padding-box,所以background-clip设置border-box与padding-box效果一样

  2 1

  慕运维603... 回复qincai

  经过我的测试，层主说的并不对呀。结果显示background-clip默认值就是border-box，跟background-origin无关。而且background-origin只对背景图片起作用，背景颜色是始终从边框开始填充的。background-clip既可以裁剪背景图片也可以裁剪背景颜色。

  2017-11-10 15:34:03

  共 2 条回复 >

• 

  慕函数1542553

  2018-01-02 20:26:58

  说实话，一点都看不懂

  0 0
• 

  qincai

  2017-09-21 23:37:50

  

  当背景是图片时，在控制台里设置background-clip为border-box、padding-box时的效果一样

  1 0

  奋斗的小菇凉

  因为你的只设置了一个div，只设置了父类，没有子类，所以你的内容就是那个大的div里面的区域

  2018-07-08 10:16:33

  共 1 条回复 >

• 

  qq_番茄炒西红柿_03233786

  2017-09-21 13:35:10

  你有代码么，首先检查下你的no-repeat是否存在。如果存在再检查别的代码是否有错。否则默认的是从padding-box开始的

  1 0

  qincai

  我就是说背景图的默认从padding-box开始，但是这个教程五章第二节说默认从border-box开始

  2017-09-21 23:28:28

  共 1 条回复 >