CSS -> problem z "hover" - Wersja do druku

CSS -> problem z "hover" - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS -> problem z "hover" (/thread-css-problem-z-hover)

CSS -> problem z "hover" - Szczyntek - 08-04-2009

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

RE: CSS -> problem z "hover" - Labsta.com - 08-04-2009

Tu masz hack na IE:
http://www.vladdy.net/Demos/IEPseudoClassesFix.html

RE: CSS -> problem z "hover" - Szczyntek - 08-04-2009

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

RE: CSS -> problem z "hover" - Labsta.com - 08-04-2009

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.

RE: CSS -> problem z "hover" - Szczyntek - 09-04-2009

Powinno, ale nie działa :/ Dobra zobaczę jeszcze ...dzieki

RE: CSS -> problem z "hover" - Labsta.com - 09-04-2009

Bo masz tylko:

Kod:
td:hover

  { /*twój styl dla hovera */

  }

Zamiast:

Kod:
td:hover, td.hover

  { /*twój styl dla hovera */

  }

Spróbuj

RE: CSS -> problem z "hover" - Szczyntek - 13-04-2009

Niestety, nie działa :/

RE: CSS -> problem z "hover" - 96th - 13-04-2009

Na jakiej wersji IE nie działa? Jeśli na 6 to przeczytaj http://ie6.pl/

RE: CSS -> problem z "hover" - Asver - 29-11-2009