Átlátszósági probléma IE 6 alatt
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
■ 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
<a...>
Éppen ez nem 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.
display: block;
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.
OK