如何让 CSS 阴影在 IE 中看起来一样?

发布于 10-05 14:15 字数 305 浏览 6 评论 0原文

这是我的链接: 链接文本

滑块上的阴影在 safari、firefox 等中看起来很棒。 ,但是如何让它在 IE 中看起来一样呢?

这是我当前的 CSS 代码:

-moz-box-shadow: 0px 0px 6px #666;          
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;

Here is my link: link text

The shadow on the slider looks great in safari, firefox, etc., but how do I make it look the same in IE?

Here is my current CSS code:

-moz-box-shadow: 0px 0px 6px #666;          
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

梦里寻她2024-10-12 14:15:34

试试这个,它也适用于 IE 6+

.shadow { zoom:1; /* This enables hasLayout, which is required for older IE browsers */        
filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);        
-moz-box-shadow:2px 2px 2px #b0b0b0;        
-webkit-box-shadow:2px 2px 2px #b0b0b0;
box-shadow:2px 2px 2px #b0b0b0;}

Try this it works in IE 6+ too

.shadow { zoom:1; /* This enables hasLayout, which is required for older IE browsers */        
filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);        
-moz-box-shadow:2px 2px 2px #b0b0b0;        
-webkit-box-shadow:2px 2px 2px #b0b0b0;
box-shadow:2px 2px 2px #b0b0b0;}
你怎么这么可爱啊2024-10-12 14:15:34

你可以尝试 CSS3PIE,它为 IE 添加了一堆 CSS3-isms。 CSS3PIE 通常有效,但并非总是有效,而且性能会受到一些影响。您可能需要处理“haslayout”黑客问题,但一些谷歌搜索应该有助于解决这些问题。

有一些类似的东西,但我只使用过 CSS3PIE。

You can try CSS3PIE, it adds a bunch of CSS3-isms to IE. CSS3PIE usually works but not always and there is a bit of a performance hit. You might have to deal with "haslayout" hacks but a bit of googling should help with those.

There are a few similar things kicking around but I've only used CSS3PIE.

み格子的夏天2024-10-12 14:15:34

我的意见是最好使用阴影图像,这样它在 IE 中也能正常工作......

My opinion is better you use shadow images so that it works fine in IE too....

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文