SORU
22 EYLÜL 2009, Salı


CSS: bir öğe, birden fazla eleman için etkisi Hover?

Gezinip benim sorun için yöntem arıyorum.

<div class="section">

<div class="image"><img src="myImage.jpg" /></div>

<div class="layer">Lorem Ipsum</div>

</div>

Şimdi, her iki sınıf (görüntü ve katman) sınırları, hem normal için farklı renk ve hover. Eğer katman Dersim hover, her iki katman ve resim sınıfı kenarlık rengi gezinip etkin bir şekilde yapmak için bir yolu var mı? Ve mengene tam tersi?

CEVAP
22 EYLÜL 2009, Salı


Bunun için JavaScript gerekmez.

Bazı CSS yapardı. İşte bir örnek:

<html>
  <style type="text/css">
    .section { background:#ccc; }
    .layer { background:#ddd; }
    .section:hover img { border:2px solid #333; }
    .section:hover .layer { border:2px solid #F90; }
  </style>
</head>
<body>
  <div class="section">
    <img src="myImage.jpg" />
    <div class="layer">Lorem Ipsum</div>
  </div>
</body>
</html>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BradleyWuzHere

    BradleyWuzHe

    25 NİSAN 2011
  • GoProTutorials

    GoProTutoria

    18 NİSAN 2011
  • Joshua Kywn

    Joshua Kywn

    17 Mayıs 2010