물어보기작업관련
조회 수 111 댓글 4
Extra Form

마우스 오버 html 소스 입력후 등록을 하면 백지 상태로 보이다가 마우스를 올리면 제대로 나타납니다. 그러나 새로고침을 하거나 페이지를 나갔다가 다시 들어 가면 다시 백지상태로 나오고 마우스를 올려야만 그때부터 보입니다.

왜 그런지 모르겠습니다.뭘 수정해야 될까요?

지도편달 부탁드립니다.ㅠㅠ

 

첨부>해당 부분 실행 동영상파일 첨부합니다.

사용 html

<table align="center" style="height:40px;width:140px;">
    <tbody>
        <tr>
            <td onmouseout="this.style.background='#476600'" onmouseover="this.style.background='#333333'" style="text-align: center;"><span style="color:#ffffff;"><span style="font-size:15px;">마우스오버 테스트</span></span></td>
        </tr>
    </tbody>
</table>
 

Capture.mp4

Atachment
첨부 1
  • ?
    Gjworks 2018.03.18 16:22:13
    당연합니다. 이미 td 태그에 마우스오버 했을때와 마우스가 벗어났을때만 배경색상이 지정되어 있으니까요. style="background:red" 를 넣어주시고. span 태그가 중첩되어서 있네요.

    html은 크게 어렵지 않으니 시간나셔서 공부해보시길 바랍니다.
  • ?
    sampo 2018.03.18 17:37:48
    아~감사합니다^^*
  • ?
    mospia 2018.03.18 16:46:53
    <td onmouseout="this.style.background='#476600'" onmouseover="this.style.background='#333333'" style="text-align: center;background:red">
    이런식으로하셔야 처음에 빨간색으로 보이고 오버하면#333333 마우스가 나갈때#476600 색으로 보여지는거구요
    <span style="color:#ffffff;"><span style="font-size:15px;">마우스오버 테스트</span></span>
    이거는
    <span style="color:#ffffff;font-size:15px;">마우스오버테스트</span>으로 줄여서 사용하시면됩니다
  • ?
    sampo 2018.03.18 17:38:25
    감사합니다. 확실히 배웠습니다^^*

서버에 요청 중입니다. 잠시만 기다려 주십시오...