背景圖不裁切時(shí)效果不是應(yīng)該和padding-box一樣嗎？怎么和border-box一樣了？
背景圖的默認(rèn)起始位置為padding-box，即background-origin：padding-box，在沒有規(guī)定背景圖起始位置時(shí)，背景圖是不會(huì)延伸到邊框區(qū)域的（已經(jīng)測(cè)試過背景色才會(huì)延伸到邊框區(qū)域），那么，沒有對(duì)背景圖裁切時(shí)，背景圖不是應(yīng)該和padding-box一樣么？
2017-09-27
根據(jù)我的測(cè)試，background-clip這個(gè)屬性是受到background-origin的限制。即background-clip默認(rèn)值等同于background-origin設(shè)置的值。
1，設(shè)置background-origin:border-box;則background-clip默認(rèn)是border-box,可選padding-box和content-box。
2，設(shè)置background-origin:padding-box;則background-clip默認(rèn)是padding-box,可選content-box，選擇border-box時(shí)與padding-box展示效果相同。
3，設(shè)置background-origin:content-box;則background-clip默認(rèn)是content-box,這個(gè)時(shí)候?qū)嵸|(zhì)上background-clip屬性已經(jīng)失去作用了，選擇border-box，padding-box，content-box展示效果是一樣的。
你的那個(gè)圖片中沒設(shè)置background-origin屬性，在瀏覽器Computed里面應(yīng)該可以看到計(jì)算后的background-origin樣式是padding-box,所以background-clip設(shè)置border-box與padding-box效果一樣
2018-01-02
說實(shí)話，一點(diǎn)都看不懂
2017-09-21
當(dāng)背景是圖片時(shí)，在控制臺(tái)里設(shè)置background-clip為border-box、padding-box時(shí)的效果一樣
2017-09-21
你有代碼么，首先檢查下你的no-repeat是否存在。如果存在再檢查別的代碼是否有錯(cuò)。否則默認(rèn)的是從padding-box開始的