<html>
<head>
<title>HOver</title>
<style>
.1 {
position:fixed;
top:0;
hieght:100;
width:100;
}
.2 {
position:relative;
top:0;
Z-index:9999;
hieght:100;
width:100;
background-color:white;
}
.2:hover {
background-color:black;
color:white;
}
</style>
</head>
<body>
<div class="1">fdigiuguisagcuiagi</div>
<div class="2">cuoisgdcahouio</div>
</body>
</html>
このコードでは、ホバーが機能していません。 Z-index
を削除すると、ホバーが機能しています。Zインデックス適用divにホバー効果を適用するにはどうすればよいですか?
このコードにどのようにホバーを適用できますか?
文字の代わりの番号にあなたのクラスを変更してくださいので、あなた.oneと.twoと言うことができます – RasmusGlenvig
number classesうまくいきません – masterpreenz
javascript、onmouse enterを使用してください。マウスオーバーは、Zインデックスの上位レイヤを持つ要素の後ろまたは下にある要素では機能しません。 – bdalina