위에 보시면 둘다 마우스가 오버 된 상태입니다.
위에것은 해당 title에 마우스 오버 한거구요
아래는 hour에 마우스 오버한것입니다.
a태그로 감싸져있는 상태에서
그 밑에 span으로 title이 있고 hour or date가 있습니다.
XE타운 오른쪽 기본 위젯처럼 시간이나 날짜에 hover시에도 처음 이미지처럼 title에 underline 처리를 해주고 싶은데요.
어떤 방식이 있나요?
위에 보시면 둘다 마우스가 오버 된 상태입니다.
위에것은 해당 title에 마우스 오버 한거구요
아래는 hour에 마우스 오버한것입니다.
a태그로 감싸져있는 상태에서
그 밑에 span으로 title이 있고 hour or date가 있습니다.
XE타운 오른쪽 기본 위젯처럼 시간이나 날짜에 hover시에도 처음 이미지처럼 title에 underline 처리를 해주고 싶은데요.
어떤 방식이 있나요?
![1.png [File Size:2.4KB/Download:5]](/files/download/link/747820/c2863e1fb75bf912a87e6539b65e5c02/1.png){kind=link}
![2.png [File Size:2.4KB/Download:5]](/files/download/link/747821/01391eb37cd066fc47a8e89281b3c4b4/2.png){kind=link}
댓글 5
이미 a태그 안에 들어가 있다면 그 부분에 text-decoration이 none 처리된 게 아닐까 싶어요.
설마 point-events가 none된 건 아닐 거구요.
음, hour이나 date a태그에 넣게되면 title뿐만이 아니라 hour or date에 underline 처리가 되지 않나요?
현재 ul.test li a .title:hover { text-decoration:underline} 이렇게 하면 title에만 되는데
이것을 a태그나 right_part 태그에 hover시 title이 underline 처리를 하는것인데요
전체적으로 a태그로 감싸져있고 그 안에 title 그리고 right_part가 있습니다.
그리고 right_part 안에 hour or date가 들어가 있습니다.
그와중에 inline-block을 없애보니 처리가 되는데 inline-block가 underline 요소를 방해하나요?
스크립트 이벤트는 어떻게 적용하는건가요?