Visibility-Button?

[Ogre]

Aloah,

Ich habe gerade über den CSS-Befehlt "visibility" gelesen.
ist es mit seiner Hilfe möglich, Buttons zu erstellen, die sich bei Mausberührung ändern?
Im Klartext: Zwei Bilder, das eine davon ist unsichtbar gesetzt. Wenn die Maus über den Button fährt, wird das zweite Bild sichtbar, verdeckt das erste.

Ist sowas zu realisieren?


O.

 

[redlama]

Das kannst Du mit dem Hover-Effekt erreichen.
Dazu gab es hier schon viele Beiträge. Ich poste Dir hier mal den Link zu einem der jüngsten Threads zu den Thema.
Da gibt es zwar noch ein Problem mit der Anordnung, aber die Funktionsweise habe ich dort schon erklärt (in meinem 2. Beitrag).

redlama

 

[Gumbo]

Mithilfe der background-Eigenschaft wäre dies einfacher zu lösen.

button {
	display:		block;
	width:			x;
	height:			y;
	background-image:	url(<uri>);
}
button:hover {
	background-image:	url(<uri>);
}

Weitere Informationen:

• A List Apart: CSS Sprites: Image Slicing’s Kiss of Death

 

[Ogre]

Maaaann ist das einfach

*freu*


Nun noch eine Sache. Wie verlinke ich das Ding dann ambesten?
Im HTML bereich?


<a href="#.html">
<div id="button"></div>
</a>


so?


Danke,
O.

 

[redlama]

Wie wäre es damit:

<a href="#.html" class="button">Linktext</a>

redlama