CSS之后/之前的效果未应用于IE

时间:2014-01-13 15:14:27

标签: css internet-explorer pseudo-class

我在导航上有一个奇特的css霓虹灯效果。这适用于除IE和IE之外的任何主要浏览器。版本10.

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

我不知道从哪里开始修复,所以我会非常感谢每一个提示。 它不需要与IE8一起使用,IE9 +也没关系。

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

上找到

非常感谢任何有用的输入

2 个答案:

答案 0 :(得分:0)

任何一个浏览器(IE8,IE9)都不支持CSS属性text-shadow,只有IE9支持box-shadow

您最好的解决方案就是不要在早期的浏览器中获得发光效果,并向这些浏览器的用户发出警告,告知该网站在现代更新的浏览器中看起来更好。

要在这些浏览器中实现您想要的效果,您必须创建透明的png图像并在:hover上交换它们。但这是因为真正的混乱(特别是当你不得不继续添加新文本或更改文本时)并且效率不高。

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

答案 1 :(得分:0)

尝试Quirksmode for before:and after:content: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/

干杯