Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
CSS -> problem z "hover"
|
Liczba postów: 7
Liczba wątków: 3
Dołączył: 08-04-2009
Reputacja:
0
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 
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja:
18
Tu masz hack na IE:
http://www.vladdy.net/Demos/IEPseudoClassesFix.html
Liczba postów: 7
Liczba wątków: 3
Dołączył: 08-04-2009
Reputacja:
0
08-04-2009, 20:15
(Ten post był ostatnio modyfikowany: 08-04-2009, 20:16 przez Szczyntek.)
Ale mi chodziło o to żeby innym chodziło, a nie mi 
Przecież nikt tego nie będzie specjalnie ściągał z neta
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja:
18
08-04-2009, 23:37
(Ten post był ostatnio modyfikowany: 08-04-2009, 23:37 przez Labsta.com.)
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.
Liczba postów: 7
Liczba wątków: 3
Dołączył: 08-04-2009
Reputacja:
0
Powinno, ale nie działa :/ Dobra zobaczę jeszcze ...dzieki
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja:
18
09-04-2009, 18:54
(Ten post był ostatnio modyfikowany: 09-04-2009, 18:55 przez Labsta.com.)
Bo masz tylko:
Kod: td:hover
{ /*twój styl dla hovera */
}
Zamiast:
Kod: td:hover, td.hover
{ /*twój styl dla hovera */
}
Spróbuj
Liczba postów: 7
Liczba wątków: 3
Dołączył: 08-04-2009
Reputacja:
0
Liczba postów: 88
Liczba wątków: 8
Dołączył: 08-04-2009
Reputacja:
1
Na jakiej wersji IE nie działa? Jeśli na 6 to przeczytaj http://ie6.pl/
Liczba postów: 1
Liczba wątków: 0
Dołączył: 29-11-2009
Reputacja:
0
|
Podobne wątki… |
Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
|
callback do $( selector ).hover( function ); --> czy taki istnieje? |
Arnimarl |
2 |
3,694 |
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,863 |
11-12-2012, 23:56
Ostatni post: nana
|
|
[jQuery] Skrypt hover |
Kamil |
5 |
3,968 |
24-09-2012, 00:43
Ostatni post: Marcin
|
|
Uzyskanie efektu hover |
gris |
1 |
1,936 |
08-11-2011, 17:06
Ostatni post: Kartofelek
|
Użytkownicy przeglądający ten wątek:
|
|
Sponsorzy i przyjaciele
|
|
|