Jak zrobić aktywny przycisk w CSS?


(Mayerproject) #1

Witam.

Nie znalazłem niczego podobnego, więc postanowiłem się spytać na forum.

A więc do rzeczy:

Czy można zrobić coś takiego jak aktywny przycisk w CSS?

Chodzi mi o to, że daje sobie obrazek o nazwie "tlo1.png" i daję sobie listę i przykładowo w elemencie listy będzie pisało "LOREM". I po najechaniu na to myszką, zamiast obrazka "tlo1.png" chciałbym żeby pojawił się obrazek "tlo2.png". Wszystko miałoby być odnośnikiem do podstrony.


(pain3hp) #2

To proste. Skopiuj sobie deklarację CSS dla tego hiperłącza a następnie dopisz w konstruktorze

:hover

to oznacza stan po najechaniu myszki, dla przykładu

a {

background: url(tlo1.png); }

a:hover {

background: url(tlo2.png); }

(Arek F.) #3

Możesz wyświetlić odnośnik () blokowo, nadać mu szerokość i wysokość, oraz obrazek tła, oraz obrazek tła po najechaniu myszą (pseudoklasa :hover). Przykład

a {

	display: block;

	width: 50px;

	height: 15px;

	background-image: url('background.png');

	background-repeat: no-repeat;

	text-indent: -9999em;

}


a:hover {

	background-image: url('background-hover.png');

}

(Mayerproject) #4

Ok, dzięki.

Już wiem o co chodzi :smiley: