ie中css背景圖片不顯示的解決方法

這篇文章給大家分享的是有關(guān)ie中css背景圖片不顯示的解決方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

ie css背景圖片不顯示是因為css設(shè)置背景圖片時使用了IE瀏覽器不支持的css屬性，其解決辦法就是使用簡寫屬性，而不是分別使用單個屬性，因為簡寫屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。

有時我們在編寫好網(wǎng)頁后通過css設(shè)置的背景圖片會常出現(xiàn)在IE瀏覽器中不顯示的情況，為什么會出現(xiàn)css設(shè)置的背景圖片在IE瀏覽器中不顯示呢？

下面我們來看一下IE瀏覽器中css設(shè)置的背景圖片不顯示的原因：

IE瀏覽器中css設(shè)置的不顯示是因為css設(shè)置背景圖片時使用了IE瀏覽器不支持的css屬性。

我們在設(shè)置背景圖片時會用到rgba屬性來設(shè)置背景圖片的顏色與透明度，

如：

background: url(../images/in_bon_02.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

此時在IE瀏覽器中就有可能不顯示背景圖片。

rgba介紹：

rgba色彩模式與RGB相同，只是在RGB模式上新增了Alpha透明度

說明：

RGBA(R,G,B,A)

取值：

R：紅色值。正整數(shù) | 百分?jǐn)?shù)G：綠色值。正整數(shù) | 百分?jǐn)?shù)B：藍(lán)色值。正整數(shù) | 百分?jǐn)?shù)A：Alpha透明度,取值0~1之間。

IE6.0-8.0不支持使用 rgba 模式實現(xiàn)透明度，可使用 IE 濾鏡處理。

通常建議使用簡寫屬性，而不是分別使用單個屬性，因為簡寫屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。

感謝各位的閱讀！關(guān)于“ie中css背景圖片不顯示的解決方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！