如何删除图片下方的链接（但保留文字）？

Question

我有一个文本和图像的链接。我不希望图像下面有下划线，但我确实希望文本有下划线。无论如何不支持这些，而不将它们分解为两个单独的链接？下面是一个例子图片：

Answer 1

没有，有没有办法实现，没有分裂的链接分为两个部分。

另一种方法是将border-bottom: 1px solid #000放到包含文本的元素上，但这不会像原生A元素一样具有悬停，活动和访问状态 - 至少不是没有javascript的干预。

Answer 2

你可以很容易地做一些结构类似：

<a><span>text</span><img /></a> 

然后，您可以从a删除下划线并应用到下划线a span。

演示在这里：http://jsfiddle.net/chrisvenus/pdrz9/

我应该注意的是，以下将不起作用：

img { 
    text-decoration: none; 
}