背景圖不裁切時效果不是應該和padding-box一樣嗎?怎么和border-box一樣了?
背景圖的默認起始位置為padding-box,即background-origin:padding-box,在沒有規定背景圖起始位置時,背景圖是不會延伸到邊框區域的(已經測試過背景色才會延伸到邊框區域),那么,沒有對背景圖裁切時,背景圖不是應該和padding-box一樣么?
背景圖的默認起始位置為padding-box,即background-origin:padding-box,在沒有規定背景圖起始位置時,背景圖是不會延伸到邊框區域的(已經測試過背景色才會延伸到邊框區域),那么,沒有對背景圖裁切時,背景圖不是應該和padding-box一樣么?
2017-09-20
舉報
2017-09-27
根據我的測試,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效果一樣
2018-01-02
說實話,一點都看不懂
2017-09-21
當背景是圖片時,在控制臺里設置background-clip為border-box、padding-box時的效果一樣
2017-09-21
你有代碼么,首先檢查下你的no-repeat是否存在。如果存在再檢查別的代碼是否有錯。否則默認的是從padding-box開始的