本篇內(nèi)容主要講解“如何解決IE8下顯示圖片時多出一個邊框而Chrome或Firefox下卻沒有的問題”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何解決IE8下顯示圖片時多出一個邊框而Chrome或Firefox下卻沒有的問題”吧!

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),克什克騰企業(yè)網(wǎng)站建設(shè),克什克騰品牌網(wǎng)站建設(shè),網(wǎng)站定制,克什克騰網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,克什克騰網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

出現(xiàn)兼容性問題的代碼很簡單：

代碼如下:

其中l(wèi)ogo的樣式定義：

代碼如下:

#logo {
margin-left:108px;
margin-top:3px;
display:inline-block;
float:left;
}

顯示效果就是Chrome、FireFox、IE10以上都沒有問題，但是IE8就多出了一個藍(lán)色邊框（有時為黑色的）。

解決時只需要指定img的邊框樣式即可，如下：

代碼如下:

img{
border-style:none;
}

同時兼容其它版本的瀏覽器。

到此，相信大家對“如何解決IE8下顯示圖片時多出一個邊框而Chrome或Firefox下卻沒有的問題”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！