如何擺脫IE8的「<a」元素下的藍色圖像邊框？

當我使用<a>元素時，工具提示正常工作。下面是代碼：如何擺脫IE8的「<a」元素下的藍色圖像邊框？

<html> 
<head> 
<style> 
a.tooltip {outline:none; } 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { 
    z-index:10;display:none; padding:14px 20px; 
    margin-top:-30px; margin-left:28px; 
    width:300px; line-height:16px; 
} 
a.tooltip:hover span{ 
    display:inline; position:absolute; color:#111; 
    border:1px solid #DCA; background:#fffAF0;} 
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} 

/*CSS3 extras*/ 
a.tooltip span 
{ 
    border-radius:4px; 
    box-shadow: 5px 5px 8px #CCC; 
} 
a { 
    color: blue; 
} 
</style>   
</head> 

<body> 
<br><br> 
<a href='#' class='tooltip'> 
<img src='http://www.hasitleaked.portmerch.com/stores/hasitleaked_provider/images/search_button.gif'></img> 
    <span> 
     Quick description 
    </span> 
</a> 
</body> 
</html>

問題是因爲<a元素，該IE8顯示圖像的藍色邊界。這個寄宿人不存在，我不知道爲什麼，但其他瀏覽器工作正常。我想獲得圖像藍色邊框的裝備。我怎樣才能做到這一點？我儘量不使用<a但我以前不工作

來源

2014-12-25 Elvis

IMG {邊界：無; } – Turnip

謝謝！其他瀏覽器工作正常。 IE嚇壞了我，謝謝！ – Elvis

'img'需要null alt文本（即'alt =「」'）。見http://www.w3.org/TR/WCAG20-TECHS/H67 – danielnixon

你必須設法

img, a {border:none, outline: none;}

來源

2014-12-25 20:07:25

謝謝！這是完美的 – Elvis

不客氣。 –

如何擺脫IE8的「<a」元素下的藍色圖像邊框？

回答

相關問題