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:
CssXhtmlHover

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 24 Канал

    24 Кана�

    5 ŞUBAT 2006
  • Android Central

    Android Cent

    13 Kasım 2008
  • Missouri Star Quilt Company

    Missouri Sta

    18 ŞUBAT 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR