1.png

2.png

 

위에 보시면 둘다 마우스가 오버 된 상태입니다.
 

위에것은 해당 title에 마우스 오버 한거구요

아래는 hour에 마우스 오버한것입니다.

 

a태그로 감싸져있는 상태에서

그 밑에 span으로 title이 있고 hour or date가 있습니다.

 

XE타운 오른쪽 기본 위젯처럼 시간이나 날짜에 hover시에도 처음 이미지처럼 title에 underline 처리를 해주고 싶은데요.

 

어떤 방식이 있나요?

  • profile
    말씀하신 hour and date를 a태그 안에 넣으면 될 것 같은데요.
    이미 a태그 안에 들어가 있다면 그 부분에 text-decoration이 none 처리된 게 아닐까 싶어요.
    설마 point-events가 none된 건 아닐 거구요.
  • profile ?

    음, 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가 들어가 있습니다.

  • ? profile
    아항, hour or date에 마우스오버했을 때 다른 요소에 underline을 주려면 스크립트 이벤트를 적용해야 할 거예요.
  • profile ?
    음, 아 그런데요! text-decoration:undeline 처리가 안되는 경우가 생겨서 !important를 넣어봤는데도 안되더라구요
    그와중에 inline-block을 없애보니 처리가 되는데 inline-block가 underline 요소를 방해하나요?
  • ?
    아 이건 제가 잘못생각했네요, inline-block하면 그 안에만 요소가 들어가는군요.

    스크립트 이벤트는 어떻게 적용하는건가요?