如何從圖像錨點刪除下划線

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，這就是為什么您仍然遇到此問題。