IE8 背景图像在悬停时不显示

发布于 2024-12-27 03:07:39 字数 323 浏览 1 评论 0原文

我有一些链接应该在悬停时显示背景 PNG(下划线)。我不想使用 CSS 对其进行“文本装饰:下划线”,因为我希望下划线比链接本身更窄。

这适用于 FF、Chrome、Safari 和 IE 6 及 IE 6。 7. 在 IE 8(和我假设的 9)中,它不会显示...除非我将图像的位置更改为链接文本的正下方(CSS 中的 Y 位置为 12px,而应该为 15px 以将其从文字一点)。

这是链接:http://og.ogwebdev.com/test/nav.html

I have links that are supposed to show a background PNG (an underline) on hover. I don't want to use CSS to 'text-decoration:underline' it, as I want the underline narrower than the link itself.

This is working in FF, Chrome, Safari and IE 6 & 7. In IE 8 (and 9 I assume) it doesn't show... UNLESS I change the image's position to right under the link text (12px for the Y position in CSS, when it should be 15px to move it away from the text a bit).

Here's link: http://og.ogwebdev.com/test/nav.html

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

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

发布评论

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

评论(1

杀お生予夺 2025-01-03 03:07:39

请尝试这个CSS代码:

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

Please try this css code:

#mainnav.home li a.about:hover { background:url('white-underline-about.gif') no-repeat; background-position:bottom center; }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文