Forum PHP.pl > [CSS] Hover Link jako Obrazek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Hover Link jako Obrazek

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

djair

27.03.2006, 12:06:12

Kod

Cytat

Witam...da sie cos takiego zrobic w oparciu o CSS ? Wiem jak to zrobic dla tekstu ale nie wiem jak dla obrazkow...prosze o pomoc...pozdrawiam

chicken81

27.03.2006, 12:15:10

da radę
musisz zmienić atrybut background dla diva na którego będziesz najeżdzał myszką.
Zobacz przykład

djair

27.03.2006, 13:09:29

thx ...ale nie do konca mi o to chodzilo...w tym przykladzie mamy staly tekst i tylko tlo sie zmienia, a ja nie mam tekstu tylko obrazek i po najachaniu na niego chce miec inny obrazek w miejsce tego....

artur81

27.03.2006, 13:25:24

w linku, byławskazówka jak to zrobić.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
</head>
<style type="text/css">
#test {
width:100px;
height:20px;
background:url(komisja_up.png);
}
#test:hover {
background:url(komisja_on.png);
}
</style>
<body>
<div id="test"></div>
</body>
</html>
[HTML] pobierz, plaintext

Pozdrawiam!

revyag

27.03.2006, 13:25:55

Kod

a {
    display:block;
    width:szerokosc_obrazka;
    height:wysokosc_obrazka;
    background-image:url(obrazek.jpg);
    background-repeat:no-repeat;
}
a: hover {
     background-image:url(inny_obrazek.jpg);
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.