說到css中的事件響應,除了常見的hover、click等事件外,css-index事件也是非常重要的一個事件響應。
.index { position: relative; z-index: 999; }
通過使用z-index屬性可以使元素位于不同的層級上,較大的z-index值表示該元素處在較高的層級上,即為可見的。而css-index事件響應通過實現元素的交互,使較高層級上的元素得以被操作,從而實現增加或減少z-index值的效果。
$(".index a").hover(function(){ $(this).parents(".index").css("z-index","1000"); });
通過使用jQuery的hover方法,我們可以在鼠標懸停在元素上時實現修改對應樣式的操作。上述代碼中,通過獲取父級元素的類名來操作該元素的z-index值,并將其設置為1000,從而使其處于最高的層級上,以實現一些特殊效果。
需要注意的是,如果在html與CSS代碼中都使用了z-index屬性,那么會按照html中的z-index屬性值來排列元素層級,因此我們需要仔細調整每個元素的z-index值,以使得css-index事件響應能夠正常工作。
上一篇css-03編程教學
下一篇css-6 mod 1