[css] Zmiana koloru diva po najechaniu na niego myszką Opcje

[poxrimex]

Tak jak w tytule jak zmienić kolor diva po najechaniu myszką, czytałem fragmenty kursu ale nie wywnioskowałem jak to zrobić np dla takiego kodu:

[HTML] pobierz, plaintext 
#div
{
background-color: #D90FDB;
}
[HTML] pobierz, plaintext 

[grzesiek_g]

[HTML] pobierz, plaintext 
#div:hover
{
background-color: #D90FDB;
}
[HTML] pobierz, plaintext 

Do tego dla IE6 które nie obsługuje hover dla innych elementów niż linki skorzystaj z tego.

Ten post edytował grzesiek_g 19.01.2008, 17:16:08

[Daimos]

ja bym proponowal zrobic tak:

[HTML] pobierz, plaintext 
<div OnMouseOver="this.style.backgroundColor='red';" OnMouseOver="this.style.backgroundColor='transparent';">testowy div</div>
[HTML] pobierz, plaintext 

z Hover na divie, problemy sa w wielu przegladarkach, a JS teraz praktycznie kazdy ma, na pewno wiecej osob, niz uzytkownikow foxa itp

Ten post edytował my salsa 19.01.2008, 17:30:06

[grzesiek_g]

Super rozwiązanie jak ktoś nie ma włączonej obsługi js... Ja zawsze wolę rozwiązywać problemy za pomocą CSS, jesli tylko możliwe. Nawet kosztem gimnastykowania się obchodząc niedoróbki IE.

[Daimos]

zeby uniknac takiej odpowiedzi z Twojej strony napisalem sprostowanie, dlaczego lepiej JS
poki co przegladarki gubia sie z hover na divach, co bys nie dokladal, a te lepsze rozszerzenia bardzo obciazaja strone

[grzesiek_g]

Jak zwykle wszystko da się rozwiązać na dwa sposoby, a tego dopisku Twojego albo nie widziałem, albo nie doczytałem. Każdy ma swoje preferencje, jedni wolą js, inni CSS, a każde rozwiązanie w obliczu różnych okoliczności (zabugowana przeglądarka, brak włączonej obsługi js) ma swoje wady.