ugrás a tartalomhoz

MIert nem megy IE-vel???????hover problema

vami · 2008. Ápr. 12. (Szo), 23.31
Az alabbi CSS azt probalja megoldani hogyha 1 divre raviszem az egeret akkor cserolodjon ki a hattere
Operaban FF ben megy minden szepen es jol de abban K...A IE-ben ha megzoldulok se akar menni bizitos en hibaztam el valmit ezert segitseget kerek tobbszem tobbet lat alapon, folege ha az a tobbi szem tapasztaltabb.
ELore is Koszonom
.buttons {
margin-right:10px;
background-image:url(../img/button1.gif);
width:140px;
height:40px;
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
float:left;

}
.buttons:hover{
margin-right:10px;
background-image:url(../img/button2.gif);
opacity: 0.2; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=20); /* IE *
}
‹ Szöveg és képhelyezgetős scriptben, max szélesség megadása AJAX csili-vili oldalbetöltés ›
 ■
1

hover

ksgy · 2008. Ápr. 13. (V), 02.33
az ie a :hover-t csak az A tagre tudja ertelmezni. Egy megoldas a sok kozul:

a.buttons {
    margin-right:10px;
    _margin-right: 5px; /* (na, itt a kodszinezo valamiert elcseszi, ez itt sima _margin-right... es a 
        :hover-nel is) csunya megoldas, de kell a ie double margin bug miatt, esetleg tedd ki kulon fileba az 
        ie-hez tartozo css-t, es conditional commenttel huzd be a html-be */
    background-image:url(../img/button1.gif);
    width:140px;
    height:40px;
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity:0.70; /* FireFox */
    filter: alpha(opacity=70); /* IE */
    float:left;
    display: block /* ez kerult bele pluszban, mivel az A alapbol inline element */
}

a.buttons:hover{
    margin-right:10px;
    _margin-right: 5px; /*csunya megoldas, de kell a ie double margin bug miatt, esetleg tedd ki kulon fileba az ie-hez tartozo css-t, es conditional commenttel huzd be a html-be */
    background-image:url(../img/button2.gif);
    opacity: 0.2; /* Safari, Opera */
    -moz-opacity:0.70; /* FireFox */
    filter: alpha(opacity=20); /* IE (itt lemaradt a comment bezaroja ;))*/
    float: left;
    display: block;
    width:140px; 
    height:40px;
}
ps: maskor a kodot tedd a kodszinezobe bele, konnyebben olvashato :)
2

hover.htc

Szekeres Gergő · 2008. Ápr. 13. (V), 11.09
http://weblabor.hu/forumok/temak/5595
3

Megjegyzés

vbence · 2008. Ápr. 13. (V), 11.14
A moz-opacity már jóideje nem szükséges...