호버 상태를 사용하는 컨테이너가 있습니다. 위에 마우스를 올리면 배경이 다른 색상으로 변경됩니다.백그라운드에서 마우스 오버하면 위치 절대 값으로 작동하지 않습니다.
또한 컨테이너에 절대 위치를 표시하는 탐색 기능을 사용합니다. 내비게이션 위로 마우스를 가져갈 때마다 백그라운드에서 컨테이너 위에 있지 않기 때문에 배경 변경이 작동하지 않습니다.
해결 방법이 있습니까?
내 코드 (1 위로 마우스) :
.wrapper {position: relative;}
.container {background: red; width: 100%; height:200px;}
.container:hover {background: blue;}
.nav {position:absolute; top:50%;margin: 0 auto; width:100%; text-align:center;}
<div class="wrapper">
<div class="container">
</div>
<div class="nav">
<a href="#">1</a>
</div>
</div>
그것은 어려운 당신이 원하는 것을 이해하기를 이리! –