버튼 위에 마우스를 올려 div의 배경 이미지를 변경하고 싶습니다. 이것이 내 열쇠입니다.
.content-portfolio {
background-image: url(../files/portfolio/event.jpg) no-repeat;
}
#event-button a:hover{
}
나는 그것을하는 방법을 정말로 모른다. 나는 당신이 나를 도울 수 있기를 바랍니다!
친애하는!
CSS만으로는 매우 어렵습니다. 당신은 아마 자바 스크립트를 사용할 수 있습니다. 그러나 div가 버튼의 직계 형제 (둘 사이에 다른 요소가 없음) 인 경우 원하는 작업을 수행하는 방법을 찾았습니다.
코드는 다음과 같습니다.
HTML
<input type="button" id="btn" value="Click me !" />
<div id="testDiv">
<p>Some content</p>
</div>
CSS
#btn:hover + #testDiv {
background-color: red;
}
#testDiv {
border-style: solid;
width: 200px;
height: 200px;
}
연산자 "+"또는 "~"는 css를 다음 형제 요소에 적용합니다. 여기 에 트릭을 보여주는 JS Fiddle 이 있습니다.
"+"만 제거하면 css가 왼쪽 요소의 자손 / 자식에 적용됩니다. 자세한 내용은 이 페이지를 참조하십시오 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다