這篇文章將為大家詳細(xì)講解有關(guān)CSS兼容中如何進(jìn)行IE6中背景圖片設(shè)置，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)公司從2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元芮城做網(wǎng)站,已為上家服務(wù),為芮城各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

CSS兼容：一個(gè)IE6在no-repeat情況下依然重復(fù)背景圖片的BUG

背景圖片的設(shè)置是CSS布局時(shí)常用的一種屬性，應(yīng)用background的url，引入背景圖片，可以設(shè)置為不重復(fù)平鋪，如下面的代碼：

background:url(/upload/otherpic70/487226.png)no-repeat;

◆在大多數(shù)情況下，此設(shè)置不會(huì)有任何問題。背景圖片按設(shè)置的形式呈現(xiàn)，不會(huì)平鋪于容器，無論容器是何寬度與高度。但在IE6下，有一種情況，如果未定義寬高，則會(huì)產(chǎn)生即使定義了no-repeat，背景圖片依然重復(fù)的BUG。

以IE6中運(yùn)行下面的代碼：

SourceCodetoRun

      #bigbox{background:url(/upload/otherpic70/487226.png)no-repeat;}  #smallbox{height:75px;}/*撐開bigbox*/  #marginbox{margin-top:-20px;}/*向上margin的box*/