Haritayı sadece CSS ile üzerine gelince div

SORU

6 Mart 2011, Pazar

Haritayı sadece CSS ile üzerine gelince div

Biri <a> bir eleman geldiğinde bir div göstermek istiyorum ama CSS ve JavaScript yok etmek istiyorum. Bu nasıl elde edilebileceğini biliyor musunuz?

CEVAP

6 Mart 2011, Pazar

this gibi bir şey yapabilirsiniz:

div {
    display: none;
}
    
a:hover   div {
    display: block;
}

<a>Hover over me!</a>
<div>Stuff shown on hover</div>

Bu adjacent sibling selector kullanır ve suckerfish dropdown menu temelidir.

HTML5 bağlantı elemanları hemen hemen her şey sarmak için izin verir, bu durumda div öğe çapa çocuk yapılabilir. Aksi takdirde prensipte aynı - :hover sınıf sözde başka bir öğe display özelliğini değiştirmek için kullanılır.

Bunu Paylaş: