IE8背景图像不显示在悬停

我有链接应该显示悬停的背景PNG（下划线）。我不想使用CSS来进行“文本修饰：加下划线”，因为我希望下划线比链接本身更窄。在IE 8（和9我认为）它不显示...除非我改变图像的位置在正确的链接文本下（12px对于CSS中的Y位置，当它应该是15px将其从文本中移开一点时）。IE8背景图像不显示在悬停

这里的链接：http://og.ogwebdev.com/test/nav.html

来源

2012-01-14 remsen

也许IE8不处理无效的XHTML那么好？ http://validator.w3.org/check?uri=http%3A%2F%2Fog.ogwebdev.com%2Ftest%2Fnav.html&charset=%28detect+automatically%29&doctype=Inline&group=0 – 2012-01-14 03:50:32

没关系，但感谢验证器提醒...将js移动到外部文件，因此大于符号不会被阻塞。 – remsen 2012-01-16 17:55:57

请试试这个CSS代码：

#mainnav.home li a.about:hover { background:url('white-underline-about.gif') no-repeat; background-position:bottom center; }

来源

2012-01-14 04:13:51

谢谢，但它没有工作......我结束了添加显示：inline-block让它在IE8中工作 – remsen 2012-01-16 17:56:53

IE8背景图像不显示在悬停

回答

相关问题