fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Image hover állapota? Többi lennt

Image hover állapota? Többi lennt

Figyelt kérdés

Van egy képem, ami egy gombot ábrázol, és van eg msik képem, ami a gombnak a hover állapotát. Hogy tudnám megoldani CSS-ből, hogy ha ráviszem a kurzort a "sima" gomb képére, akkor a hover állapotot mutassa?


Tudom, van CSS3-as megoldás, de nekem most ez kell, és képekkel szeretném megcsinálni.


2021. jan. 5. 08:26
 1/8 anonim ***** válasza:
Lecseréled a background-imaget?
2021. jan. 5. 08:51
Hasznos számodra ez a válasz?
 2/8 A kérdező kommentje:
De nem jó úgy próbáltam.
2021. jan. 5. 12:09
 3/8 anonim ***** válasza:
Miért nem jó?
2021. jan. 5. 12:10
Hasznos számodra ez a válasz?
 4/8 anonim ***** válasza:

Itt egy példa:

[link]

a background-image tulajdonságot kell változtatni a normál és a :hover kiválasztóval ellátott változatoknál.

2021. jan. 5. 13:07
Hasznos számodra ez a válasz?
 5/8 anonim ***** válasza:

Vagy egy másik - sávszélesség-takarékosabb (a képet csak egyszer kell letölteni) - megoldás (ezt szokták CSS image sprite-technikának - [link] - is hívni):

[link]

itt a háttérkép pozícióját (background-position) módosítjuk.

2021. jan. 5. 13:29
Hasznos számodra ez a válasz?
 6/8 anonim ***** válasza:

Illetve egy harmadik "trükkös megoldás":

[link]

de ez csak Chromium-alapú böngészőkben (Google Chrome, Edge, "új" Opera) működik (Firefox, IE, régi Opera kizárva)

2021. jan. 5. 13:46
Hasznos számodra ez a válasz?
 7/8 A kérdező kommentje:
Ja értem, tehát az a ra tesszük rá a background-image tulajdonságot. Így már világos. Köszönöm
2021. jan. 5. 20:50
 8/8 A kérdező kommentje:
Meg a display:block-ot hagytam még ki :)
2021. jan. 5. 20:52

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!