CSS: bir öğe, birden fazla eleman için etkisi Hover? | Netgez.com
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

  • ★ByScrapi★ Designs

    ★ByScrapiâ

    27 AÄžUSTOS 2013
  • calicoJake

    calicoJake

    29 EKİM 2007
  • My Name Is Jeff

    My Name Is J

    26 ÅžUBAT 2008