我有几个实例,我将图像放在链接中.通常如果您设置border =“0”,链接下的行不适用于图像.但是,我必须指定DOCTYPE,现在在FF中,我看到所有图像下的行.
我还是想让我的链接加下划线,但不是内部的图像.
<a href="link.PHP"><img src="img.png" height="16" width="16" border="0"> link</a>
a img {
text-decoration:none
}
不幸的是它没有奏效我也试过：
a img {
border:0
}
IE不会在链接中“下划线”我的图像…任何建议将被高度赞赏.
我还是想让我的链接加下划线,但不是内部的图像.
解决方法
如果你想有一个特殊的情况链接与图像,给一个元素一个类,并删除该类的文本装饰：
HTML：
<a href="link.PHP" class="image-link"><img height="16" width="16" /></a>
CSS：
a img
{
border: 0 none;
}
.image-link
{
text-decoration: none;
}
这是伟大的,如果你只有一个图像在链接中,但你有锚文本和图像.
<a href="link.PHP" class="image-link"><img height="16" width="16" /> <span>link text here</span></a>
并在样式表中添加一个附加样式：
.image-link span
{
text-decoration: underline;
}
