ugrás a tartalomhoz

DIV árnyéka vs IE6

lacy · 2007. Feb. 21. (Sze), 23.43
Sziasztok!

Van egy divem, szeretném ha lenne szép árnyéka, ám Internet Explorer 6 nem akarja a jót. Olvastam vmit róla, hogy vmi

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

-t kell használni, hogy jól kezelje az átlátszó PNGket, ám nem igazán értem, hogy kellene átalakítani ezt az oldalt olyanra, hogy IE6 jól kezelje az árnyékot (a div magassága változhat! IE7 és FF2 jól kezeli az árnyékot)

LEEGYSZERŰSÍTETT PÉLDA - IE6 rosszul kezeli

Előre is köszönöm a segítséget!
‹ XMLHttpRequest & mySQL Smarty több dimenziós tömb elérése ›
 ■
1

Van erre kész megoldás

Dj Faustus · 2007. Feb. 22. (Cs), 02.19
...ami a http://www.twinhelix.com/ oldalról volt elérhető.
A lényege, hogy az átlátszó PNG-t (akár háttérként, akár képként) használó elemekhez a stílusdeklarációban hozzá kell rendelni egy .htc kiterjesztésű "kiegészítést".
Most a te kódodra használva itt megtekinthető.

Utóírat: a PNG állományból kiszedtem a gAMA chunk-ot - ezen okból kifolyólag, ezzel az eszközzel.
3

aham DE

lacy · 2007. Feb. 22. (Cs), 12.49
köszi a választ, ezt a megoldást a postom után találtam és képzeld el, ha külön kiteszem a png-t működik, ám ha div alatt van nem. nézd meg itt
Az én IE6omban a dives nem jó, alatta a kép jó.

Megnéztem a te oldalad is, de IE6 alatt nem működött. ötlet?
6

No még egyszer

Dj Faustus · 2007. Feb. 22. (Cs), 16.24
1. Ezt ha kikommentezed, kiiktatod (mint az előző példában mutattam):
background: url(shadow.gif) no-repeat bottom right;
a megjelenés a hibásról az alábbira változik IE6 (standalone) alatt:

IE7 alatt megegyezik a Firefoxban láthatóval.
2. Mint már említettem, az IE-nek nem csak az átlátszósággal, hanem a a színekkel is gondja van. Megoldás: gAMA chunk törlése a tweakpng nevű program segítségével.
3. A .htc-nek kell egy átlátszó 1*1 pixeles blank.gif.
4. A behavior, mivel nem szabványos CSS-utasítás, érdemes külön szedni, feltételes megjegyzések közé helyezni (Firefoxhoz, Opera-hoz úgysem kell).
5. Ha már XHTML 1.0 strict, akkor:
  • Az <img> elem alt attribútumát ne hagyd le.
  • Az <img> elemet tedd <div> és </div> elemek közé.
7

köszi

lacy · 2007. Feb. 22. (Cs), 17.06
rendben, és ha ezeket mind megcsinálom akkor fog úgyí kinézni mint FF alatt?

ui: most suliban vók azért nem tom kipróbálni..

köszii
8

hmm

lacy · 2007. Feb. 22. (Cs), 20.23
eltávolítottam a gAMA chunkot, kiszedtem a gifes sort, mégsem szép az árnyék:((

mit rontottam el? help
ui: Faustus ha úgy gyorsabb akkor a nevem alatt megtalálod az MSN elérésem, nagyon meghálálnám! köszönöm!
2

Lehet, hogy nem átlátszó háttérrel is megoldható

Jano · 2007. Feb. 22. (Cs), 10.07
Nézd meg pár oldalnaka forrását ahol ilyen árnyékolás van. Legtöbb helyen nem valódi árnyék, vagy alpha csatornás PNG van, hanem sima nem átlátszó kép, amin az árnyék egybe van "építve" a mögötte látszó háttérrel.
4

igen

lacy · 2007. Feb. 22. (Cs), 12.51
igen, ezzel szívtam én is. Sok oldalon olvastam, hogy minden böngészővel kompatibilis megoldás, viszont nem láttam benne az IE6hoz szükséges filteres megoldást. hát persze, fehér hátteret raktak be, amivel jól néz ki IE6 alatt is, de ha megváltoztatom a színt, máris nem jó:)

ui: örülnék ha sikerülne valódi árnyékot kreálni.
5

na szóval

lacy · 2007. Feb. 22. (Cs), 13.07
szóval hiába a htc-s megoldás, nem akarja a jót, pedig már be van az is állítva a CSS fájlon belül, hogy minden elemre használja a iepngfix.htc-t.

így kellene kinézni:


de sajna IE6 alatt így néz ki


írjak a htc készítőjének? lehet azlesz....:S