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

  • dougownsall

    dougownsall

    7 EKİM 2007
  • Exalto_Gamer

    Exalto_Gamer

    15 EKİM 2014
  • GoogleTechTalks

    GoogleTechTa

    15 AĞUSTOS 2007