2011-09-18 139 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 –