IE8下顯示圖片時多出一個邊框而Chrome或Firefox下卻沒有
發(fā)布時間：2014-05-13 10:56:19 作者：佚名 
我要評論
我要評論這篇文章主要介紹了關于IE8下顯示圖片時比Chrome或Firefox多出一個邊框的解決辦法，需要的朋友可以參考下
出現(xiàn)兼容性問題的代碼很簡單：
<div id="logo">
<a href="index.html"><img src="images/logo.png"/></a>
</div>
其中l(wèi)ogo的樣式定義：
#logo {
margin-left:108px;
margin-top:3px;
display:inline-block;
float:left;
}
顯示效果就是Chrome、FireFox、IE10以上都沒有問題，但是IE8就多出了一個藍色邊框（有時為黑色的）。
解決時只需要指定img的邊框樣式即可，如下：
img{
border-style:none;
}
同時兼容其它版本的瀏覽器。
復制代碼
代碼如下:<div id="logo">
<a href="index.html"><img src="images/logo.png"/></a>
</div>
其中l(wèi)ogo的樣式定義：
復制代碼
代碼如下:#logo {
margin-left:108px;
margin-top:3px;
display:inline-block;
float:left;
}
顯示效果就是Chrome、FireFox、IE10以上都沒有問題，但是IE8就多出了一個藍色邊框（有時為黑色的）。
解決時只需要指定img的邊框樣式即可，如下：
復制代碼
代碼如下:img{
border-style:none;
}
同時兼容其它版本的瀏覽器。
相關文章
這篇文章主要介紹了淺談原生頁面兼容IE9問題的解決方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起2020-12-16- 這篇文章主要介紹了新版chrome瀏覽器設置允許跨域的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起2020-11-30
css hack之\9和\0就可能對hack IE11\IE9\IE8無效
每次設計一張網(wǎng)頁或一個表單，都被各種瀏覽器的兼容問題傷透腦筋，尤其是IE家族。在做兼容性設計時，我們往往會使用各種瀏覽器能識別的獨特語法進行hack，從而達到各種瀏覽2020-03-20css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼
這篇文章主要介紹了css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼,需要的朋友可以參考下2020-03-20
這篇文章主要介紹了解決CSS瀏覽器兼容性問題的4種方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學2020-02-28
這篇文章主要介紹了常見的瀏覽器兼容性問題(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學2020-02-20
這篇文章主要介紹了border-radius IE8兼容處理的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學2020-02-12- 這篇文章主要介紹了淺談遇到的幾個瀏覽器兼容性問題，詳細的介紹了幾種我遇到的問題和解決方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-26
這篇文章主要介紹了base64圖片在各種瀏覽器的兼容性處理的相關資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-14
這篇文章主要介紹了對常見的css屬性進行瀏覽器兼容性總結(jié)(推薦)的相關資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-20
