Hogy lehet egy dobozt eltüntetni CSS-ből úgy, hogy...(többi lennt)?
Tehát el szeretnék tüntetni egy elemet(Egy képet amúgy, de ez mindegy), ami egy divben van.
Sajnos nem tudom megcsinálni, hogy ha rámegyek a bal oldali képre, akkor ne az, hanem a jobb oldali kép tűnjön el. Ezek a divek egymástól függetlenek, tehát nincsennek egy divben, és nem is lehetnek.
Ez a kérdésem.
válasza: válasza:Nem nem.. Csak a CSS szintaktikáját nem tudom.
<div class="kep1">
Itt a kép
</div>
<div class="kep2">
Itt a kép
</div>
<style>
kep1:hover>.kep2{
display: none;
}
</style>
Nagyjából így vázolhatom. Nem akar működni, tuti valamit rosszúl csinálok.
Az lényeg, ha rámegyek a kép1-re (hover állapot), tünjön el a kép2(dipslay: none)
De a két div nem egymás mellett van, tehát az egyik az oldal elején, a másik kb a végén van.
válasza:<div class="main">
<div class="one">
<p>ha ide húzod az egeret</p>
</div>
<div class="two">
<p>akkor én eltűnök</p>
</div>
</div>
.one {
background-color: green;
color: white;
height: 40px;
width: 400px;
margin: 20px;
}
.two {
background-color: red;
color: white;
height: 40px;
width: 400px;
margin: 20px;
display: in-line;
}
.main div:hover + .two,
.main div p:first-child:hover + .two {
display: none;
}
a main div nélkül lehetne? Amúgy nagyon jó példa. De nekem két külön divem van, két kép
És ha ezt csinálom:
.kep1:hover+ .kep2{
display: none;
}
Akkor is ott marad a kép 2 :(
Nekem nincs másik divem, így külön kéne kiszelektálni de nem értem hogyan kéne.
További kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!