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

  • buttheadgsxr1000

    buttheadgsxr

    24 Ocak 2008
  • fufko

    fufko

    27 ŞUBAT 2006
  • SuperPrincessjo

    SuperPrinces

    1 EKİM 2010