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.

Kapcsolódó cikkek