您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關ie中css背景圖片不顯示的解決方法的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
css的選擇器可以分為三大類,即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合,有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
ie css背景圖片不顯示是因為css設置背景圖片時使用了IE瀏覽器不支持的css屬性,其解決辦法就是使用簡寫屬性,而不是分別使用單個屬性,因為簡寫屬性在較老的瀏覽器中能夠得到更好的支持,而且需要鍵入的字母也更少。
有時我們在編寫好網頁后通過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 濾鏡處理。
通常建議使用簡寫屬性,而不是分別使用單個屬性,因為簡寫屬性在較老的瀏覽器中能夠得到更好的支持,而且需要鍵入的字母也更少。
感謝各位的閱讀!關于“ie中css背景圖片不顯示的解決方法”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。