无法从图片中删除下划线链接答案

【问题标题】：Can't remove underline link from image无法从图片中删除下划线链接
【发布时间】：2014-06-17 01:48:39
【问题描述】：

我有动画 GIF，将鼠标悬停在它上面时，会创建一个下划线链接（绿松石色）。我尝试添加样式“文本装饰：无；”在 a 标签中，但没有任何反应。请帮忙。这是我的 HTML 代码：

<aside id="ad1">
     <a style="text-decoration: none;" href="http://www.cnn.com/" target="_blank">
     <img border="0"; src="images/cnnnews.gif" alt="cnnnewsgif"></a>
</aside>

编辑（2014 年 6 月 17 日）：

这是问题的快照：

【问题讨论】：

你能重新制作这个小提琴吗？
您的样式表中是否有任何类型的 a:hover 代码？
我无法重现这个问题......jsfiddle.net/D797f
顺便说一下你的图片标签没有关闭；这可能会导致一些意想不到的问题。
这无关，但你在边框属性后有一个;。

标签： html

【解决方案1】：

而不是<a style="text-decoration: none;"

添加一个类，例如

<aside id="ad1">
     <a class="imglink" href="http://www.cnn.com/" target="_blank">
     <img border="0" src="images/cnnnews.gif" alt="cnnnewsgif" /></a>
</aside>

并在标题中添加以下css

<style type="text/css">
        .imglink, .imglink:hover{
            text-decoration: none;
        }
</style>

【讨论】：

【解决方案2】：

我似乎无法重现它，但您的问题可能是某种语法错误，或者您为链接设置了text-decoration: none，而不是悬停的链接。只需使用:hover 选择器并在head 中定义您的风格。

<head>
    <!--other head stuff-->
    <style>
      img, img:hover{
        text-decoration: none;
      }
    </style>
</head>
<body>
    <aside id="ad1">
        <a style="text-decoration: none;" href="http://www.cnn.com/" target="_blank">
        <img border="0" src="images/cnnnews.gif" alt="cnnnewsgif"/></a>
    </aside>
</body>

Demo

（虽然不会显示太多）

【讨论】：

它不工作。请阅读我上面的cmets。这是我得到的快照：oi61.tinypic.com/33f3jw1.jpg
我使用的是 Chrome，然后尝试了 Firefox（因为我假设它们都在全国范围内广泛使用）。两种浏览器都有相同的问题。
@user3385997 没有人能够重现您的问题：您可以尝试在JSFiddle 中演示它吗？