2022.06.10 05:19

1,855

CMS/프레임워크	Rhymix 2.0
개발 언어	PHP 7.3
문제 페이지 주소	비공개 (작성 후 5일 경과)

안녕하세요.

안드로이드에서는 괜찮은데 아이폰에서만 발생하는 오류가 있습니다.

페이지 이동 후 뒤로가기 하면 hover 적용이 안되어야 하는데 두개의 메뉴가 둘다 hover 처리가 됩니다.

아이폰에서도 페이지 이동 후 메뉴가 hover가 풀리려면 어떻게 처리를 해야할까요??

안드로이드_캡쳐.jpg

안드로이드 화면

아이폰_오류1.jpg

아이폰 화면

람보

2022.06.10 05:30 #1691428

안드로이드의 뒤로가기 액션은 새롭게 새로고침하는 형태로 뒤로가기가 된다면.. 아이폰은 크롬이던 사파리던.. 뒤로가기가 원래 있던 페이지를 그대로 유지시킨다음 그대로 보여주는것에 가깝습니다.

클릭시 hover 컬러를 원래 컬러로 되도록 하면 해결이 되지 않을까 싶은데요..

클래스이름뒤에 :visited붙이면 클릭후 액션에 대한 부분을 css에 지정할 수 있습니다.

.test:visited {
background:#fff;
}

추천 0
미스강

2022.06.10 08:04 #1691457

답변 감사드립니다.
그런데 작동이 되지 않는거 같네요ㅠ
onmouse 이벤트로 작동중인데 이 상태에서 어떤식으로 처리를 해야할까요?

<td onclick="location.href='/dm_nonsul'" onmouseout="style.background='#8e7cc3'" onmouseover="style.background='#8e7cc3'" style="width:16.6%; background-color:#8e7cc3; text-align:center; important;cursor:pointer; padding:5px 0 5px 0;">
대치점
</td>
<td onclick="location.href='/bpm_go3'" onmouseout="style.background='#b4a7d6'" onmouseover="style.background='#8e7cc3'" style="width:16.6%; background-color:#b4a7d6; text-align: center;important;cursor:pointer;">반포점</td>

추천 0
람보

2022.06.10 08:42 #1691464

;; 왜 저렇게 구현하세요;;
td에는 onclick 제외시키고, 실제로는 a태그를 통해서 href 링크 연결하시고요..

크기가 크게 영역이 필요하신거면 a 태그에 display:block 으로 구형잡고 가로세로 크기를 잡으세요;;

그리고 td에 hover으로 onmouseout 이런걸로 구현해놨는데.. 그거 다 빼고 css내에서 :hover, 이런 속성들을 활용하세요;;

추천 0
미스강

2022.06.11 16:18 #1691689

감사합니다. 직접 만든게 아니라 아이폰 설정을 쉽게 할수 있나 싶어 여쭤봤습니다.ㅜㅜ
말씀 주신대로 처리하니 잘 됩니다^^

추천 0