Hogyan lehet behelyezni egy átlátható és félig átlátszó PNG IE6
A probléma lényege
Nagyon gyakran, a tervezők a különböző elrendezések a saját árnyéka, parazsékot, és egyéb elemek áttetsző régiókban. Amikor vorstke ez azt eredményezi kapcsolatos nehézségeket, hogy a félig átlátszó PNG nem látható minden böngésző. Az egyik nem értik az alfa csatorna egyik kedvenc Internet Explorer 6 Ennek eredményeként, hogy megszabaduljon a png-áttetsző, egyértelműen kényelmetlen a legtöbb esetben.
Probléma png hátteret, azaz
Png háttérrel kerül beillesztésre a css stílusokat külön IE6 és külön az egyéb böngészők. Egy html-kódot, bponadobitsya szét a div id = "png-kép".
# Png-kép magassága: 200px; / * Szélesség és magasság értékeket jelzik a kép méretét * /
szélesség: 210px;
background: url (image.png); / * Írja be a háttér normál böngészők * /
-háttér: none; / * Vegye ki a háttér IE6 * /
-szűrő: ProgAzon: DXImageTransform.Microsoft.AlphaImageLoader (src = 'image.png', sizingMethod = 'méretarányos'); / * Podgruzhaem áttetsző png IE6 * /
>
Itt van, hogyan néz ki:
Ez a PNG behelyezve, mint a háttér a blokk.
Ezek a tervezési elemeket, mint egy árnyék, vagy izzás kell tenni oly módon.
Ha megváltoztatja blokkméretek id = „png-kép” áttetsző png megnyúlik vagy összezsugorodik az egységhez.
Félig átlátszó PNG-képként
Ha átlátszó vagy áttetsző png-kép nem része a tervezés, akkor mutasd meg az IE 6 következő. A HTML kódot beilleszteni egy normális attribútum az img tag stílusa:
Hozzon létre egy fájlt png.htc az alábbi tartalommal és mentse el egy mappába img:
Akkor is kell egy átlátszó gif-kép transparent.gif. Meg kell menteni egy mappát png.htc.
Így nézett ki az IE6 png és más böngészők:
És ez a png jelöléssel láttak img háttérből.