2011-09-18 100 views
1

在我的網站[removed]我有盒子陰影應用到頂部菜單。 當然,我也想讓它在IE上展示。IE盒子陰影CSS不工作

所以我申請此代碼爲IE8和更低:

zoom:1; /* This enables hasLayout, which is required for older IE browsers */ 
/* For IE 5.5 – 7 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color=’#444444’); 
/* For IE 8 */ 
-ms-filter: 「progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color=’#444444’)」; 

但你可以在網站上看到,這是行不通的。 我錯過了什麼?謝謝!

+1

是** '** 應該是 **' **? –

+1

不幸的是,我無法提供任何幫助,但旋轉木馬下面的「陰影」非常棒!你是怎麼做到的? – Bojangles

+0

當我檢查你的網站時,我收到了IE8中顯示的陰影。 :懸停不起作用,但陰影對我來說。 – mwan

回答

3

您的報價是捲菸報價。試試這個:這個JavaScript庫

zoom:1; /* This enables hasLayout, which is required for older IE browsers */ 
/* For IE 5.5 – 7 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#444444'); 
/* For IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#444444')"; 

我聽說過很好的評價:CSS3PIE

這似乎與IE6-9工作,和所有你需要做的就是這一行CSS添加到您的元素:

behavior: url(/PIE.htc); 

該腳本將讀取CSS3屬性,並相應地使它們。

+0

希望這是答案。我已經申請了,但沒有運氣:( – priktop

+0

看到我的編輯,因爲它可能有所幫助。 – Blender

+0

我試過PIE之前,現在再次來測試我的運氣,但沒有結果:( – priktop

1

您不需要color屬性(捲曲或其他)的引號。把那些關掉,我認爲你應該沒問題。所以

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, 
    Direction=140, Color=#444444); 

等。這裏

退房的例子:http://msdn.microsoft.com/en-us/library/ms533086(v=vs.85).aspx

編輯

您可能還希望嘗試-ms-filter擴展

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(trength=5, 
     Direction=140, Color=#444444, positive=true)"; 
+0

我現在已經在所有的IE版本中工作,除了IE8之外,有什麼想法嗎? – priktop

+0

看到我上面的編輯 –

+0

嗨,同樣的事情,我正在嘗試,但它給我只有右側的陰影,但我想有左側和右側的陰影。任何人都可以建議如何做到這一點??我想要做的是如下:filter:progid:DXImageTransform.Microsoft .Shadow(Strength = 5,Direction = 360,Color =#999999,positive = true); MIN-HEIGHT:600px; WIDTH:592px;背景:#ffffff; FLOAT:left; MARGIN-LEFT:11px; box-shadow: #999 0px 13px 18px; -moz-box-shadow:#999 0px 13px 18px; -webkit-box-shadow:#999 0px 13px 18px –