在IE9中的僞元素上的CSS漸變

知道某人在IE9中的僞元素上設置CSS漸變的解決方案嗎？在IE9中的僞元素上的CSS漸變

這是我的方法：

好像過濾器不僞元素應用或我錯過了什麼了呢？

2011-09-27 Burntime

我知道一個僞類是什麼。我不確定你的僞元素是什麼意思。 –

「'：'之前'僞元素可以用來在元素的內容之前插入一些內容。」通過[w3schools.com]（http://www.w3schools.com/css/css_pseudo_elements.asp） – Burntime

@Peter Olson：僞元素是由瀏覽器創建和呈現的虛構元素，用於提供生成的內容或包圍某些現有內容的一部分。他們純粹出於顯示和樣式目的 - 例如，您不會在DOM中找到它們。見http://www.w3.org/TR/css3-content/#pseudo-elements和http://www.w3.org/TR/css3-selectors/#pseudo-elements – BoltClock

通過設置負擴散半徑，通過簡單的箱形陰影可以獲得幾乎相同的效果。

inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ]

CSS Shadow

例子：（http://jsbin.com/ekehoz/edit#html,live）

box-shadow: 0px -15px 30px -10px #888;

來源

2011-10-11 07:22:32 Burntime

使用圖像。 IE9不支持css漸變（-ms-前綴僅適用於IE10），而dx過濾器（您在exapmle代碼中使用）對性能（和bug）非常不利。

或者，您可以使用畫布渲染漸變，然後將該漸變設置爲元素的data-url背景。另外，你可以使用SVG漸變背景，但是你需要將它們從其他瀏覽器中隱藏起來（好東西，我們在ie9中仍然有條件註釋）。請記住它們也是buggy。但不能像過濾器那樣有問題。

來源

2011-09-27 19:20:41 c69

好的答案，雖然沒有例如看看。我一直在試圖創造我想要幾個小時的svg。理想情況下，我可以得到一個簡單的線性漸變，例如80deg旋轉，讓它填充100％寬度和高度，並將其設置爲base64 svg + xml背景圖像。我意識到這是很多工作要問你，但你能指點我一些例子，或者至少提供一個解決方案的一部分。 – bodine

@bodine如果它仍然與你有關（近一年後），這裏是與例子的鏈接：我的老[掃雷遊戲]（http://vesna.in.ua/minesweeper），其中瓷磚通過畫布生成。 – c69

在IE9中的僞元素上的CSS漸變

回答

相關問題