带有阴影和图案背景的居中内容。透明 PNGS 是唯一的方法吗?

发布于 2024-09-11 07:43:55 字数 32 浏览 4 评论 0原文

如果是这样,您会推荐哪种 PNG IE 修复程序?

If so, which PNG IE fix would you recommend?

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

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

发布评论

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

评论(2

冰魂雪魄 2024-09-18 07:43:55

如果您不一定需要 CSS 进行验证,则可以使用此方法:

.box-shadow {
    -moz-box-shadow: 2px 2px 3px #969696; /* FF 3.5+ */
    -webkit-box-shadow: 2px 2px 3px #969696; /* Webkit = Safari + Chrome */
    -khtml-box-shadow: 2px 2px 3px #969696; /* Konqueror */
    box-shadow: 2px 2px 3px #969696; /* Opera */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); /* IE */
}

它在适当的情况下使用 box-shadow CSS3 属性,对于 MSIE,它使用过滤器。如果您可以相信您的用户已更新浏览器或使用 IE,那么您应该是安全的。

该代码并不完全来自我的头脑,我使用了 http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/供参考。

If you do not necessarily need your CSS to validate, you might use this:

.box-shadow {
    -moz-box-shadow: 2px 2px 3px #969696; /* FF 3.5+ */
    -webkit-box-shadow: 2px 2px 3px #969696; /* Webkit = Safari + Chrome */
    -khtml-box-shadow: 2px 2px 3px #969696; /* Konqueror */
    box-shadow: 2px 2px 3px #969696; /* Opera */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); /* IE */
}

It uses the box-shadow CSS3 property where appropriate and for MSIE it uses filters. If you can trust your users have updated browser or use IE, you should be safe.

The code is not entirely from my head, I used http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ for reference.

各自安好 2024-09-18 07:43:55

如果您的投影是部分透明的并且无法使用 .gif,那么这确实是唯一的方法。首先,我必须说强制性的 %^&* IE 6。其次,我在 http: //jquery.andreaseberhard.de/pngFix/ 但我喜欢一些 jquery,所以将此视为个人意见,如果您还没有使用 jquery 可能不是最适合您的。

If your drop shadow is partially transparent and can't use a .gif then yes that is really the only way to go. Firstly, I must say the obligatory %^&* IE 6. Second, I have had great luck with http://jquery.andreaseberhard.de/pngFix/ but I loves me some jquery so take this as just personal opinion and if you arn't already using jquery may not be the best for you.

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