Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
CSS -> problem z "hover"
#1
Witam,

niedawno rozpocząłem naukę PHP oraz CSS.
Idzie mi całkiem nieźle, lecz mam jeden problem z CSS:

Jak użyję w CSS np. takiego selektora: td:hover {background-color: #DCDCDC } to z Mozilli działa poprawnie ale w Internet Explorerze nie.
Nie wiem czemu, ale hover nie działa :/
Da się to jakos "zastąpić" ? Lub zrobić tak, żeby działało ?


Zrobiłem taką testową stronkę jak chceie to wejdźcie, zobaczycie że jak się używa IE to nie działa. ( www.pat-ls.cba.pl )


Pozdrawiam, Szczyntek


PS - Jestem nowy na forum Tongue


Odpowiedz
#2
Tu masz hack na IE:
http://www.vladdy.net/Demos/IEPseudoClassesFix.html
Odpowiedz
#3
Ale mi chodziło o to żeby innym chodziło, a nie mi Tongue

Przecież nikt tego nie będzie specjalnie ściągał z neta
Odpowiedz
#4
No też po to są hacki, żeby innym chodziło, a najczęściej tym co używają IE.

Robisz plik IEFixes.htc wrzucasz na serwer z zawartością:
Kod:
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="DoHover()" />
<PUBLIC:ATTACH EVENT="onmouseout"  ONEVENT="RestoreHover()" />
<PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="DoActive()" />
<PUBLIC:ATTACH EVENT="onmouseup"   ONEVENT="RestoreActive()" />
<SCRIPT LANGUAGE="JScript">
function DoHover()
  { element.className += ' hover';
  }

function DoActive()
  { element.className += ' active';
  }

function RestoreHover()
  { element.className = element.className.replace(/\bhover\b/,'');
  }

function RestoreActive()
  { element.className = element.className.replace(/\bactive\b/,'');
  }
</SCRIPT>

a w .css dajesz :
Kod:
tr, td
  { behavior: url('IEFixes.htc');
  }

i już powinno działać z :hover
Kod:
td:hover, td.hover
  { /*twój styl dla hovera */

  }
wszystko jest napisane w artykule do którego masz link.
Odpowiedz
#5
Powinno, ale nie działa :/ Dobra zobaczę jeszcze ...dzieki
Odpowiedz
#6
Bo masz tylko:
Kod:
td:hover
  { /*twój styl dla hovera */

  }
Zamiast:
Kod:
td:hover, td.hover
  { /*twój styl dla hovera */

  }

Spróbuj
Odpowiedz
#7
Niestety, nie działa :/
Odpowiedz
#8
Na jakiej wersji IE nie działa? Jeśli na 6 to przeczytaj http://ie6.pl/
Odpowiedz
#9
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  callback do $( selector ).hover( function ); --> czy taki istnieje? Arnimarl 2 3,695 21-06-2014, 22:59
Ostatni post: Arnimarl
  Dziwieki mousover i click na buttonie hover/rollover piszczek1987 0 1,881 21-01-2013, 20:04
Ostatni post: piszczek1987
  [css] div obok diva; hover nana 2 2,867 11-12-2012, 23:56
Ostatni post: nana
  [jQuery] Skrypt hover Kamil 5 3,971 24-09-2012, 00:43
Ostatni post: Marcin
Exclamation Uzyskanie efektu hover gris 1 1,936 08-11-2011, 17:06
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl