欧美日韩国产一区二区|qovd片|小明个人发布看看|小浪货你夹真紧水又多|老头把我添高潮了A片故|99热久久精品国产一区二区|久久久春色AV

  1. 首頁(yè) > 生活經(jīng)驗(yàn) > >

被渲染成默認(rèn)色 使用濾鏡解決IE6下png圖片不能透明的問(wèn)題

IE6何時(shí)才能成為過(guò)去？

這個(gè)問(wèn)題困擾開(kāi)發(fā)人員太久了，盡管IE8早已推出了好多年，然而xp上綁定的瀏覽器依然還是IE6 ， xp作為微軟使用時(shí)間最長(zhǎng)的系統(tǒng) ， 其在中國(guó)影響力無(wú)疑是極其巨大 。因此，ie6雖然有這樣那樣的bug，盡管比好用得多的瀏覽器層出不窮，但并非所有用戶都善于更新，并非所有的機(jī)器都是連上了互聯(lián)網(wǎng)，因此升級(jí)成了一大難題，尤其是國(guó)家機(jī)關(guān)、政府行業(yè)、國(guó)有企業(yè)的內(nèi)網(wǎng)用戶，IE6的存在率依然在90%以上 。這個(gè)數(shù)據(jù)并不夸張 。

給他們做項(xiàng)目，就得時(shí)刻考到IE6的兼容性，我并不擅長(zhǎng)css，但好歹被困擾了多次，有了些經(jīng)驗(yàn)了 ， 但新問(wèn)題總是層出不窮，這不 ， 關(guān)于圖片是否透明的問(wèn)題，跟IE6又有關(guān)系了 。先說(shuō)說(shuō)png和jpg的區(qū)別吧 。

png是美工很喜歡的圖片格式，壓縮率?。?支持透明，圖片很小對(duì)網(wǎng)絡(luò)資源占用率小 。
jpg不支持透明 ， 一般來(lái)說(shuō)比較大，在圖片存儲(chǔ)，照片和素材收集方面使用的更多些，不太適合大規(guī)模的使用在網(wǎng)絡(luò)傳輸上 。
圓角：美工為了把圖片弄成圓角，就把周圍的幾個(gè)角弄成透明的，這樣看起來(lái)毫無(wú)破綻 。

IE7、IE8下不成問(wèn)題，IE6開(kāi)始鬧起了脾氣 。
IE6不支持透明，所有的透明部分，都被渲染成灰色或白色（不知道啥顏色 ， 他自己的默認(rèn)色） 。這樣看起來(lái)難看不說(shuō)，圓角的功能蕩然無(wú)存 。這是IE6的bug，眾所周知，但問(wèn)題出現(xiàn)了，必須解決 。
網(wǎng)上找了資料，使用濾鏡方式可以解決，在css中，把圖片設(shè)成背景 。無(wú)論你之前用的是img還是background：url，一律改成一下形式吧 。

復(fù)制代碼代碼如下:
height:65px;
width:198px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’, sizingMethod=’scale’, src="https://www.questions.com.cn/dnjc/scheme/homepage/images/xzzf_out.png");
background:none;

在css中加入這些代碼，src表示的圖片路徑，height和width是圖片的寬和高 ， 這里不要有任何變動(dòng)，要不然圖片會(huì)被拉大或壓縮 。background：none這個(gè)有必要，注意其他的css代碼不可以跟這個(gè)有所沖突 。
這樣的話，ie6上都解決了，ie7已經(jīng)測(cè)試沒(méi)問(wèn)題，ie8估計(jì)也還可以 。有心者可以多試試 。

相關(guān)經(jīng)驗(yàn)推薦