XHTML 1.0 严格、CSS 和 img 边框

Question

我在我的网站上使用 XHTML 1.0 Strict，并在我的链接上使用以下 CSS 样式：

a:hover {
    border-bottom: 1px dotted #447799;
}

和我的图像：

a img, img {
    border: none;
    text-decoration: none;
}

然而，当我将鼠标悬停在标题横幅上时，底部边框仍然显示为点状和蓝色。 显然，我不能使用 border="0" 因为它不是 XHTML 1.0 Strict Doctype 的一部分。

您可以在这里查看我的网站：armorycraft.com

有建议吗？

Answer 1

您可以使用一个类：

a.imageAnchor:hover {
    border:none;
}

不是最漂亮的解决方案，但它应该有效。

Answer 2

尝试这个：

a img:hover, img:hover {border:none; text-decoration:none;}

Answer 3

问题是边框已附加到锚点，但随后您要为图像设置边框：无。

没有简单的方法可以避免这种情况。 我建议稍微调整一下：

a:hover {
    border-bottom: 1px dotted #447799;
}

a.image:hover {
    border: none;
}

因此，将“图像”类添加到所有带有图像的锚点，然后就完成了。

Answer 4

a:hover 有 border:1，所以自动 a:hover img als 有 border:1

我认为这会修复它，

a:hover img{border:0;}

现在你不需要为它创建一个全新的类它

Answer 5

这对我有用：（我想你只是忘记了冒号（：）

a:img, img {
    border: none;
    text-decoration: none;
}

祝你好运！