在Windows和OS X瀏覽器中渲染圖像的方式不同

我發現我的html文檔中的特定圖像在任何Windows瀏覽器周圍呈現紫色邊框，但在OS X瀏覽器中完美渲染。在Windows和OS X瀏覽器中渲染圖像的方式不同

的代碼如下：

<div class="outer-container"> 
    <div class="header-container"> 
    <div class="logo"><a href='/'><img src="images/logo.png" alt="" /></a></div> 
    </div> 
</div>

CSS

.outer-container{ 
    width:900px; 
    margin:0 auto; 
} 
.header-container{ 
    display:block; 
    float:left; 
    width:900px; 
    height:110px; 
} 
.logo{ 
    display:block; 
    float:left; 
    padding-top:12px; 
}

任何想法，爲什麼Windows可能會與邊框渲染它，而OS X做它完美？

謝謝！

來源

2011-03-13 tnichols

你能告訴一個活鏈接或截圖？後者將是最佳 – 2011-03-13 23:41:33

img { 
    border: 0 
}

在您的CSS將修復它。

您所看到的是Internet Explorer中默認邊框，用於鏈接中具有href屬性的圖像，該屬性之前爲visited。

這種情況發生在首位的原因是Internet Explorer可能在它的用戶代理樣式表是這樣的：當他們內部包含

a:visited img { 
    border: 2px solid purple 
}

來源

2011-03-13 23:42:50 thirtydot

謝謝！像魅力一樣工作！ – tnichols 2011-03-14 00:02:36

大多數瀏覽器周圍繪製圖像的藍色或紫色邊框一條鏈接。顏色與文字鏈接相同;未訪問的藍色，訪問的紫色。

您可以刪除使用下面的CSS邊框：

a img { 
    border: none; 
}

來源

2011-03-13 23:43:52 Zr40

在Windows和OS X瀏覽器中渲染圖像的方式不同

回答

相關問題