4.11日(rì)音(yīn)訊,純手工(gōng)C$γ←SS巧解png透明(míng)圖片問(wèn)題,由β•于IE6的(de)特殊原因,它總是(shì©≤)會(huì)給我們帶來(lái)一(yī↕↓)些(xiē)麻煩,比如(rú)它不(bù)支持PNG圖片,這(€α✘zhè)讓我們的(de)技(jì)術(s₽•≈≥hù)員(yuán)遇到(dào)了(le)難題✘♠≈♦,不(bù)過我們也(yě)有(yǒu)其它的(de)方法來(lái)解決這(≠ zhè)一(yī)問(wèn)題,下(xià)面
邯鄲網站(zhàn)建設首創網絡就(jiù)來(lái)給大(dà)家(ji₹₽↔ā)演示幾種方法:
方法一(yī):用(yòng)png圖作(zuò)背景
要(yào)注意hack
html代碼
<divclass="logo">&l≤ t;ahref="/">÷logo</a></div>
css代碼
.logo{width:338px;he•♥£™ight:57px;float:left;u"rl(/images/logo.png)0px0pxno-₽ repeat!important;text-indent:↓≤←-1000px;_background-i≈<∏mage:none;filter:progid:DXImageTδ δransform.Microsoft.AlphaImageL≠&±'oader(src='/images&≥/logo.png',senabled='tru•≈δe',sizingMethod='scaleα✔9;);}
标準:_background-image:none;filter:pr☆±↓γogid:DXImageTransform.Microsoft.δγ₩εAlphaImageLoader(src='≤↔₽δ/templets/dyimgs/wymrs/image&≈s/logo.png',enabled=§✔φ39;bEnabled',sizi♠">ngMethod='image');
方法二:插入png圖片,定義img
這(zhè)個(gè)方法要(yào)準備一(yī)完全∑∑透明(míng)的(de)圖片transparent.gif,大(dà≥♣)小(xiǎo)随意。
html代碼
<divclass="logo">₽♦<ahref="/&quo∑t;><imgsrc="/images/l×₹£ogo.png"alt="lo✘≤¶πgo"/></a></div&g₽§•t;
css代碼
.logo{width:338px;height:57px;flo'α> at:left;}
.logoimg{width:338px;heig∞±ht:57px;}
/*png透明(míng)兼容ie6*/
.logoimg{
azimuth:expression(
有(yǒu)時(shí)候超鏈接加了(le)這(zhè)個(g∏§Ω è)透明(míng)濾鏡,然後頁面上(shàng)×&π÷所有(yǒu)超級連接<ahref="">±• α</a>全點不(bù)到(dào)了(le),解決辦法是(shì)∏ ☆:
給a加上(shàng)position:r♣♦ elative;
不(bù)過這(zhè)裡(lǐ)要(yào)提醒©•→α你(nǐ),你(nǐ)這(zhè)裡(lǐ)的(de)imag±★e路(lù)徑是(shì)相(xiàng)對(duì)路(lù↑↕ ε)徑,那(nà)麽值得(de)注意的(de)是(shì),這(zhè)個(✔₹ gè)相(xiàng)對(duì)路(lù)徑是(sh$★≤ì)根據html相(xiàng)對(duì)的(de),而不(bù)是☆ (shì)CSS。