Question

我有GIF动画，当它悬停在它上面时，会创建一个下划线链接（绿松石色）。我尝试过添加样式＆＃34; text-decoration：none;＆＃34;在标签中，但没有任何反应。请帮忙。这是我的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日）：

以下是问题的快照：

enter image description here

Answer 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>

Answer 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

（虽然它不会给你很多）

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

2 个答案: