我在导航上有一个奇特的css霓虹灯效果。这适用于除IE和IE之外的任何主要浏览器。版本10.
问题是IE 8 + 9上没有显示文字。
我不知道从哪里开始修复,所以我会非常感谢每一个提示。 它不需要与IE8一起使用,IE9 +也没关系。
效果可在页面http://www.arch-on.ch/team/philosophie/
上找到非常感谢任何有用的输入
答案 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/
干杯
谢