ugrás a tartalomhoz

Átlátszósági probléma IE 6 alatt

Anonymous · 2006. Szep. 10. (V), 23.39
Az IE 6 alatt ha pl egy gomb fölé mozgatom az egeret, hiába állítom be a css-ben:

Alaphelyzet!

.gomb {

bla-bla-bla...

filter:alpha(opacity=70);
-moz-opacity:70;
opacity:0.70;
}

Itt jön az átlátszóság kezelése!

.gomb:hover {

bla-bla-bla...

filter:alpha(opacity=100);
-moz-opacity:100;
opacity:1;
}

Az átlátszóság csak Operánál és Firefox alatt jelenik meg rendesen. IE 6 alatt a "HOVER" állapot nem jelentkezik. Csak az alaphelyzetű 70-es opacity van, ha fölé megyek az egérrel nem vált át.

Vajon mi lehet a hiba?

Köszi bármilyen segítséget
 
1

<a...>

dummy · 2006. Szep. 11. (H), 00.47
hover úgy tudom IE6- alatt csak az "<a>" tagre létezik...
2

Éppen ez nem működik!!!

Anonymous · 2006. Szep. 11. (H), 04.19
Gombnál be lehet állítani az opacity-t, bár a hover ott sem működik.

A linknél pedig sehogy nem akarja az átlátszóságot megjeleníteni.

Ez egy sima link, aminek van egy háttérképe. Sem a feliratot, sem a hátteret nem váltja át.
3

display: block;

pint3r · 2006. Szep. 11. (H), 07.49
Csináld meg linkként, a linknél display: block; width: szélességpx; height: magasságpx; A háttér egyértelműen amit akarsz.
A szöveg pedig text-align: center; (fix méretű gombok esetén ajánlott, hogy szép legyen).
Ha szövegnél magasabb a gomb, már pedig a legtöbb esetben igen, akkor line-height-el tudod szépen vertikálisan is középre tenni.
4

OK

Anonymous · 2006. Szep. 11. (H), 15.37
Köszi, ez volt a megoldás.