如何从图像锚点删除下划线

Question

我的锚点有一个看不见的下划线，它弄乱了页面。 见下文。

我尝试过text-decoration:none;

这段代码在#header

<?php 
if($cart_items > 0)
{
    ?>
    <div id="cart" >
    <?php echo anchor('shopping_basket/view_basket', '<img src="/e-com/images/cart.png" />'); ?>
    </div>
    <div id="cartItms">
    <?php echo '('.$cart_items.')' ?>
    </div> <?php
}

CSS

#header {
height:100px;
width:1407px;
background-color:#294052;
}

#logo {
float:left;
}

#logo img {
margin-left:150px;
margin-top:6px;
}

#cart {
float:right;
}

#cart img {
margin-right:170px;
margin-top:28px;
}

#cartItms {
float:right;
margin-right:10px;
margin-top:30px;
}

#login {
float:right;
margin-right:60px;
margin-top:35px;
color:#fff;
}

#login a {
color:#fff;
}

Answer 1

在CSS下方添加：

a {
    outline: 0;
}

对于IE9，只需添加： <meta http-equiv="X-UA-Compatible" content="IE=9" />

资料来源： CSS-Tricks

Answer 2

您将文字装饰放在哪里？ ？ 您输入了正确的类，例如：

#cart {
  float:right;
  text-decoration: none;
}

要么

img {文本修饰：无； }

还要在浏览器中检查一下，也许有一些缺失，例如您的班级没有覆盖您的实际班级或ID，这就是为什么您仍然遇到此问题。