css - XHTML 1.0 Strict、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

建议？

score 3 · Accepted Answer

你可以使用一个类：

a.imageAnchor:hover {
    border:none;
}

不是最漂亮的解决方案，但它应该可以工作。

score 0 · Accepted Answer

0

试试这个：

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

于 2009-03-18T01:07:43.257 回答

score 0 · Accepted Answer

问题是边框附加到锚点，但是您正在为图像设置边框：无。

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

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

a.image:hover {
    border: none;
}

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

score 0 · Accepted Answer

a:hover 有边框：1，所以自动a:hover img也有边框：1

我认为这会解决它

a:hover img{border:0;}

现在你不需要为它开设一个全新的课程

score 0 · Accepted Answer

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

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

祝你好运！

5 回答 5