CSS框阴影在IE6和IE7中不起作用

Question

我在一个Drupal网站上工作。客户希望站点在包括IE6在内的所有浏览器中看起来都完全一样。IE中的长方体阴影属性有一些问题。我知道IE不支持CSS3属性。对于IE-6的长方体阴影，有没有其他的解决方案，让它看起来像IE6和IE7中的阴影。我曾经尝试过使用用于IE的htc文件来支持CSS3属性的css IE。但它不起作用。该站点的网址为Godsak

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；位置:相对；边距: 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中的url，我需要它同样适用于IE。有没有可能。

提前谢谢。

Answer 1

对于你的问题，我个人认为唯一可行的解决方案就是过度使用图片。没有阴影效果，只有图像。你可以在其他浏览器上截图。

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

当然，有很多黑客攻击和一些javascript变通方法，但这一切都严重地弄得一团糟，在大多数情况下都会耗费极高的性能。

如果有人仍然拥有ie6，这可能是有原因的。

我要说的是，网站在不同的浏览器中看起来不同是完全正常的。事情就是这样的。当然，每个站点都应该正常工作，并且呈现得很漂亮。但是，如果你不会遗漏使用元素，这几乎是可以保证的--以一种不应该使用的方式使用元素。

如果有人使用ie6，就没有影子了，仅此而已。

但是，作为客户要求的问题的答案，请使用图像解决方案。

Answer 2

如果你不迎合中国，最好的办法是不要制造额外的东西来减轻IE6的滑稽动作。

如果这是没有选择，因为客户要求它，向客户解释说，你必须为IE6做一个完全不同的网站(这是在欧洲我最后看的百分比)，如果你这样做，他将花费近两倍的钱。不仅是现在，而且随着网站的每一次更新。

实际上，没有一种可维护的方法可以让这些花哨的CSS东西在IE6上工作。

Answer 3

PIE的：

您需要在每个其他css元素之后包含该行为：

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

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

我还可以补充说，不推荐使用@import。你可能想试试page speed。

不过，网站看起来很棒。希望能有所帮助。