CSS Box阴影不能在IE6和IE7中工作

我正在使用Drupal站点。客户希望网站在包括IE6在内的所有浏览器中看起来都是相同的。 IE中的box-shadow属性存在一些问题。我知道IE3不支持CSS3属性。有没有其他解决方案用于IE-6的box-shadow，以便它在IE6和IE7中看起来像一个阴影。我曾尝试过使用css PIE，其中我使用IE的htc文件来支持CSS3属性。但它不工作。该网站的网址Godsak CSS Box阴影不能在IE6和IE7中工作

的CSS代码是

.portal-top { 
background-color: white; 
box-shadow: 0 0 20px #000000;

-moz-的box-shadow：0 0 20px的＃000000; -webkit-box-shadow：0 0 20px＃000000; 位置：相对; margin：15px auto 0; }

对于IE我使用

.portal-top { 
background-color: white; 
box-shadow: 0 0 20px #000000; 
zoom:1; 
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);

}

现在箱阴影表示IE-7。但不是我想要的。 IE-6仍然没有出现阴影。看看在Firefox中的网址，我需要它相同的IE浏览器。可能吗。

在此先感谢。

来源

2011-07-28 samir chauhan

请将'zoom = 1'更改为'zoom：1'并让我们知道问题是否仍然存在。 – duri

@duri：感谢您的回复。 IE7中没有显示阴影，但IE6中没有。在IE 7中，阴影与firefox中看到的不一样。有什么方法可以将阴影颜色放在左侧和上侧。 –

我个人觉得您的问题实际可行的唯一解决方案是过度使用图像。没有阴影效果，只有图像。你可以从其他浏览器制作截图。

第二种替代方法是“降级”您的网站，只使用ie6支持的元素。

当然有很多黑客和一些JavaScript的变通办法，但这是所有严重的混乱，并在大多数时间花费了性能的地狱。

如果有人还有ie6，那可能是有原因的。

我想说，网站在不同的浏览器中看起来不同是完全正常的。这就是它的方式。当然每个网站都应该正常工作并且渲染漂亮。但是如果你不以未被使用的方式遗漏元素，那几乎可以保证。

如果有人使用ie6，那就没有影子了。

但作为客户要求它的问题的答案，去图像解决方案。

来源

2011-07-28 10:05:03

+1为您的答案。很好的解释。 –

如果不照顾中国，最好的办法是不要制造额外的东西来缓解IE6的滑稽动作。

如果这是因为客户的要求而无法选择，请向客户解释您必须为IE6做一个完全不同的网站（这在欧洲是最后一个数字），而且这会让他付出代价如果你这样做的话，将近翻倍的钱。不仅现在，而且每次更新网站。

实际上没有可维护的方式来获得这些奇特的CSS东西在IE6上工作。

来源

2011-07-28 09:58:42 DoubleMalt

馅饼：

您需要包括所有其他的CSS元素之后的行为：

#container{ 
    margin:0 auto; 
    width:900px; 
    ... 
    behavior: url(css/ie/PIE.htc); /* url at http://www.indivar.info/godsak/ */ 
}

末样式表，最后一个元素。 URL是页面相对路径不是样式表

我还可以补充说@import是不推荐的。你可能想尝试page speed。

虽然网站看起来不错。希望能帮助到你。

来源

2011-07-28 09:59:32 Sparkup

感谢您对网站的好评。我以前使用css饼的行为，但那是行不通的，所以我尝试了另一种方式。 –

CSS Box阴影不能在IE6和IE7中工作

回答

相关问题