다른 요소에 마우스를 취급하고다른 요소에 마우스 오버를 처리하고, 단지
예를 들어 CSS에 의해 다른 요소의 이미지를 변경하는 방법 CSS에 의해 다른 요소의 이미지를 변경하려면 이미지를 사용하는 것입니다 상상하는 방법 마우스를 "div"위에 올려 놓을 때 이미지로 변경해야하는 "i"의 배경입니다. 그리고 요소 구조입니다 ..
div
i
div
내가 순수 CSS를과하지 jQuery를하고 JS이 을하고 싶은 ....
이
시도div:hover i{
background:url(imageURL);
}
<style>
i {
background:url(1.png) no-repeat;
}
div:hover i
{background:url(2.png) no-repeat;
}
</style>
<body>
<div>
<i>
</div>
</body>
잘못된 마크 업 ... –
그것을 편집했다. –
좋아요, 문제 없습니다. 귀하의 문제는 CSS와 HTML 코드로 해결 될 것입니다 .. 다음 코드를 여기
CSS와 HTML 코드에 따라 - 당신의 구조에 따라이 코드를 편집 할 수 있습니다
<html>
<title></title>
<style>
#div_background{
background-image:url('imgname.extension');
height:xyz;
width:xyz;
}
#div_background:hover{
background-image:url('imgname.extension');
height:xyz;
width:xyz;
}
</style>
<body>
<div id="div_background"></div>
</body>
</html>
을
그것은이다 100 % 작업 코드 .. 우르 시스템에서 확인한 후 대답으로이 게시물을 선택하십시오 ...
간단히 작성하십시오 : div : hover i {/ * your css * /}' – Era