【问题标题】:CSS after/before effects not applied on IECSS after/before 效果不适用于 IE
【发布时间】:2014-01-13 23:54:09
【问题描述】:

我在导航上有一个精美的 CSS 霓虹灯效果。这在任何主流浏览器上都能完美运行,除了 IE

问题是IE 8+9上没有显示文字。

我不知道从哪里开始修复,所以我会非常感谢每一个提示。 不需要IE8,IE9+就可以了。

效果可以在页面http://www.arch-on.ch/team/philosophie/找到

非常感谢您提供任何有用的意见

【问题讨论】:

    标签: css internet-explorer pseudo-class


    【解决方案1】:

    CSS 属性text-shadow 不受任何浏览器(IE8、IE9)支持,box-shadow 仅受 IE9 支持

    最好的解决方案是不要在那些早期的浏览器中使用发光效果,并给这些浏览器的用户一个警告,即网站在现代更新的浏览器中看起来更好。

    要在这些浏览器中实现您想要的效果,您必须创建透明的png 图像并将它们换成:hover。但这因为真的很乱(尤其是当你必须不断添加新文本或更改文本时)并且效率不高。

    不要用仅仅适用于美学的东西为自己创造更多的工作。

    【讨论】:

      【解决方案2】:

      在之前和之后尝试 Quirksmode:内容:http://quirksmode.org/css/user-interface/content.html

      还有一个名为 CSS3Pie 的插件,“使 Internet Explorer 6-9 能够呈现几个最有用的 CSS3 装饰功能”。也许实现这一点对你来说没问题。 http://css3pie.com/

      否则,如果你想降到 IE8,你必须避免使用 CSS3。检查此图表以了解 CSS3 语句的浏览器兼容性: http://www.normansblog.de/demos/browser-support-checklist-css3/

      干杯

      弗兰克

      【讨论】:

        猜你喜欢
        • 2021-11-23
        • 1970-01-01
        • 2011-06-18
        • 2015-01-14
        • 1970-01-01
        • 1970-01-01
        • 2015-12-21
        • 1970-01-01
        • 2013-07-20
        相关资源
        最近更新 更多