在IE

Question

工作不正確的透明度懸停效果我已經在社交媒體圖標在頁腳下來這個簡單的懸停效果http://www.mysecretathens.gr/Sera/index.html

#footer ul li:hover { 
opacity: 0.7; 
filter: alpha(opacity=40); 
} 

，但在IE中我看到一個藍色邊框每個圖標都。如何解決這個問題？你也看到了嗎？

Answer 1

我看不到它，但我想他們是<a>錨標籤。因此，對於IE，您必須添加border:0px;作爲您的社交媒體圖標的定位標記。

Answer 2

如果你有一個圖像鏈接IE自動圍繞它的邊框。

要刪除藍色邊框添加a { border: 0 }在你的CSS

Answer 3

添加到您的CSS：

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 

編輯：以前filter: alpha(opacity=40);

Answer 4

添加它，如果你有一個鏈接（錨），它是Internet Explorer的標準。在這種情況下，你必須重新與邊框：

a { 
    border :none; 
} 

或

a { 
    border :0px; 
} 

，併爲下一次，我建議你jsfiddle，你可以把輕鬆您的代碼在運行和調試它網站的問題在這裏。