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:
  1. a.buttons {  
  2.     margin-right:10px;  
  3.     _margin-right: 5px; /* (na, itt a kodszinezo valamiert elcseszi, ez itt sima _margin-right... es a  
  4.         :hover-nel is) csunya megoldas, de kell a ie double margin bug miatt, esetleg tedd ki kulon fileba az  
  5.         ie-hez tartozo css-t, es conditional commenttel huzd be a html-be */  
  6.     background-image:url(../img/button1.gif);  
  7.     width:140px;  
  8.     height:40px;  
  9.     opacity: 0.7; /* Safari, Opera */  
  10.     -moz-opacity:0.70; /* FireFox */  
  11.     filter: alpha(opacity=70); /* IE */  
  12.     float:left;  
  13.     display: block /* ez kerult bele pluszban, mivel az A alapbol inline element */  
  14. }  
  15.   
  16. a.buttons:hover{  
  17.     margin-right:10px;  
  18.     _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 */  
  19.     background-image:url(../img/button2.gif);  
  20.     opacity: 0.2; /* Safari, Opera */  
  21.     -moz-opacity:0.70; /* FireFox */  
  22.     filter: alpha(opacity=20); /* IE (itt lemaradt a comment bezaroja ;))*/  
  23.     float: left;  
  24.     display: block;  
  25.     width:140px;   
  26.     height:40px;  
  27. }  
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...