마우스오버 hover 효과가 아이폰에서 안먹히는거 해결...
본문
css 에서 hover가 아이폰, 아이패드에서 작동이 안한다는걸 이제 알았네요ㅡㅡ
-----------------소스--------------------
<div class="aaa">
<ul>
<li><div class="title">타이틀</div>
<ul>
<a href="#"><li>카테고리</li></a>
<a href="#"><li>카테고리</li></a>
<a href="#"><li>카테고리</li></a>
</ul>
<li>
</ul>
</div>
-----------------소스--------------------
-----------------CSS--------------------
.aaa ul ul {
display:none;
position:absolute;
}
.aaa ul li:hover ul {
display:block;
}
-----------------CSS--------------------
위와 같은 식으로 작업했습니다.
PC 안드로이드 다 잘되는데 아이폰아이패드에서는 터치해도 작동이 안되네요..
해결방법이 있을까요?
자세히 설명 부탁드리겠습니다.
답변 3
.aaa ul li 이면
.aaa 하위에 있는 모든 ul li를 뜻합니다.
겹칠수있는 경우가 있기 때문에
.aaa > ul > ul
.aaa > ul > li:hover > ul
로 표현하시는게 좋을듯합니다.
이건 엉터리 코딩입니다
<ul>
<a href="#"><li>카테고리</li></a>
