我的定位符有一個不可見的下劃線，並且它弄亂了頁面。見下文。如何刪除圖像定位下劃線

我已經試過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; 
}

來源

2014-03-31 ethio

看起來像一個大綱，https://developer.mozilla.org/en-US/docs/Web/CSS/outline – Huangism

即使你的情況下，ethio似乎也是設計問題，但這是輪廓，對於可訪問性即當用戶通過鍵盤標籤訪問您的網站時，這個大綱有助於用戶理解。 –

@Huangism創建輪廓是因爲我在Web開發人員中使用了檢查器工具。如果沒有它，它是不可見的，它將成爲圖像下的一個看不見的下劃線。 – ethio

添加如下CSS：

a { 
    outline: 0; 
}

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

來源：CSS-Tricks

來源

2014-03-31 17:54:45 Zword

創建大綱是因爲我在Web開發人員中使用了檢查器工具。如果沒有它，它是不可見的，它將成爲圖像下的一個看不見的下劃線。 – ethio

你在哪裏把你的文字修飾：無; ？你把正確的類，例如：

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

或

IMG {文字裝飾：無; }

還檢查你的瀏覽器做一些檢查，也許有一些缺失，就像你的班不重寫你的實際班或id，這就是爲什麼你仍然有這個問題。

來源

2014-03-31 17:58:57 sdasdsad

如何刪除圖像定位下劃線

回答

來源：CSS-Tricks

相關問題