메뉴 서브메뉴 글씨가 보여지는 문제
본문
인터넷 익스플로러11 에서는 정상적인데 이하 익스플로러 8버전등 에서 생기는 현상입니다.
아래 css에서와 같이 메인 메뉴에 마우스 오버 했을때 보여져야 하는데
마우스 오버 없이도 드롭서브메뉴가 그림처럼 위에 말아 올라가서 보여집니다.
어느부분이 잘못 되었는지 한번 검토 해주시면 감사하겠습니다.
--------------------------------------------------------------
.navi3 li ul { /* 서브 메뉴 영역에 대한 스타일 */
}
position: absolute;
margin: 0;
padding: 0;
left: 0;
width: 170px;
list-style-type: none;
background: #fff;
opacity: 0;
box-shadow: 0 12px 25px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 12px 25px 0 rgba(0, 0, 0, 0.2);
}
.navi3 li:hover ul { /* 메인 메뉴 위로 마우스 오버했을 때 서브 메뉴 스타일 */
z-index:1000000;
opacity: 1;
}
---------------------------
<ul class="navi3">
<li>회사소개
<ul>
<li><a href="">인사말</a></li>
<li><a href="">회사소개</a></li>
</ul>
</li>
--------------------생략 -------------
</ul>
답변 1
ie8 에서는 opacity 대신
-ms-filter: alpha(opacity=수치)
로 사용하셔야 합니다.
네 감사합니다. 이렇게 하니 되네요.
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // for IE8
