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

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 {text-decoration：none; }

还要检查你的浏览器做一些检查，也许有些东西丢失了，比如你的课程没有覆盖你的实际课程或id，这就是为什么你还有这个问题。