ie css背景圖片不顯示怎麼辦

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

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

有時我們在寫好網頁後透過css設定的背景圖片會常出現在IE瀏覽器中不顯示的情況，為什麼會出現css設定的背景圖片在IE瀏覽器中不顯示呢？

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

IE瀏覽器中css設定的不顯示是因為css設定背景圖片時使用了IE瀏覽器不支援的css屬性。

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

如：

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：紅色值。正整數 | 百分數G：綠色值。正整數 | 百分數B：藍色值。正整數 | 百分數A：Alpha透明度,取值0~1之間。

IE6.0-8.0不支援使用 rgba 模式實現透明度，可使用 IE 濾鏡處理。

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

【推薦學習：css影片教學】

#

以上是ie css背景圖片不顯示怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！