IE過濾器聲明打破IE9背景剪輯

Question

我相信所有瀏覽器默認使用background-clip: border-box;。這似乎是默認行爲。

使用時：http://www.colorzilla.com/gradient-editor/它指定過濾器作爲最終屬性。使用IE9時，背景會滲出邊界，並且border-clip屬性不起作用。

這裏是一個小提琴來說明：http://jsfiddle.net/tPDMb/3/

我最終只刪除過濾語句了，但導致IE9，下不具有背景漸變的。

有沒有人遇到過這個問題？

Answer 1

你說得對，默認行爲是剪切到邊框，初始值background-clip的確是border-box。

問題是IE過濾器不是真正的CSS背景層。因此，IE漸變過濾器將忽略所有背景和邊界定位/剪切屬性，如background-clip,background-position和border-radius。不幸的是，這是設計的;在尊重這些屬性的同時獲得工作在IE9以下的漸變背景的唯一方法是使用預渲染的漸變圖像。如果您需要支持較舊的IE，只需將ColorZilla提供的SVG部分替換爲PNG圖像或類似圖像即可。