CSS segítség: hover képnél

**fini** · 2014-08-12, 17:00

Sziasztok!
Szeretném ha az egeret rávinném megváltozna a kép és kattintani is lehetne. Ha az "<a>"-t kiveszem akkor viszont nem lesz kattintható.

HTML kód:

Kód:

<body>
<a href="http://www.valami.hu/">
<div id="semmi" ></div>
</a>
</body>

És a CSS:

Kód:

#semmi {
   background-image: url('semmi.png');
   height: 55px;
   width: 70px;
}

#semmi:a:hover {
   background-image: url('semmi2.png');
   height: 55px;
   width: 70px;
}

Valaki tudja, hogy hogyan kellene megoldani?

lexxx7 · 2014-08-12, 17:29

CSS hover effects , Image hover effects , hover Opacity , hover Overlay and Hover change picture

-- -- -- -- -- --

**hunprobalazs** · 2014-08-12, 17:32

Sima div nem kell ez esetben... Legyen egy kattintható doboz (<a>), annak állítod be CSS-el a szélességét, magasságát, illetve a hover értékét...

Szóval valahogy így fog kinézni:

HTML kód:

<a href="" id="kep">Ez maradhat üresen, vagy bármi jöhet ide, ide jön be majd a háttérkép</a>

CSS-be meg:

HTML kód:

#kep{
    background-image: url('semmi.png');
   height: 55px;
   width: 70px;
}

#kep:hover{
   background-image: url('semmi2.png');
}

Nem próbáltam ki, de így működnie kell, max meghegeszted! :-)

**fini** · 2014-08-12, 17:39

Köszi, ez bejött

2525252525252525

**fini** · 2014-08-12, 17:41

Igen, így csináltam meg csak "class"-al.

**sZeKo** · 2014-09-09, 15:05

Még a kezdő hozzászóláshoz annyit, hogy div taget nem szoktunk a tagbe rakni, arra ott van a span.

sZeKo

**snetface** · 2014-09-09, 23:45

sZeKo eredeti hozzászólása

Még a kezdő hozzászóláshoz annyit, hogy div taget nem szoktunk a tagbe rakni, arra ott van a span.

sZeKo

Illetve W3C standard szerint nem is szabad

Téma: CSS segítség: hover képnél

Téma eszközök

Display

CSS segítség: hover képnél

re: CSS segítség: hover képnél

Az alábbi felhasználók hálásak a válaszért:

re: CSS segítség: hover képnél

re: CSS segítség: hover képnél

re: CSS segítség: hover képnél

re: CSS segítség: hover képnél

re: CSS segítség: hover képnél

Könyvjelzők

Könyvjelzők

Hozzászólás szabályai