2012-08-15 47 views
1

我有一個div,我給了它一些css屬性,除了1e8和更低版本(如usuall)之外,它適用於所有其他瀏覽器。我如何使它在ie8上工作? http://jsfiddle.net/WY5Cu/ie8上的CSS3屬性

+0

http://jsfiddle.net/WY5Cu/1/您需要內容才能顯示div。 – Kyle 2012-08-15 12:19:02

+0

@KyleSevenoaks,man CSS3在IE8中無法正常工作。 – Kolyunya 2012-08-15 12:22:38

+0

@Kyle Sevenoaks:我設置了高度寬度屬性:) – Saff 2012-08-15 12:23:42

回答

3

http://www.colorzilla.com/gradient-editor/看一看 - 漸變編輯會有產生IE8兼容背景梯度。

對於box-shadow,這個規則應該有點效仿當前的代碼:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"; 

雖然沒有插圖陰影(我懷疑有一種方法可以做到這一點在IE8)。

要組合多個過濾器聲明(用於陰影和漸變填充),您需要用空格將它們鏈接在一起。例如:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0)"; 

對於IE7你需要複製的IE8的規則,但filter代替-ms-filter並離開了開始和結束的報價。

+0

謝謝哦,所以我只是添加一個新的CSS文件使用

+0

噢,謝謝,我現在檢查一下。 – Saff 2012-08-15 12:25:43

0

嘗試用CSS3 Pie這使得IE 6 - 9能夠支撐所需的特性(線性梯度和箱陰影)