div 위로 마우스를 가져다 대면 img (부트 스트랩 3)

CSS 사용하기 나중에 페이지에서 div를 가져 와서 img 태그 위에 hover 명령을 사용하여 표시하는 데 어려움이 있습니다. 부트 스트랩 3을 사용하여 페이지를 작성하고 있습니다 - 왜 이것이 문제가 될 수 있습니다. "hovershow"의 단어는 CSS를 사용하여 원래 숨겨져 있지 않을 때 페이지의 올바른 위치에 나타나며 명령 자체에 문제가 있다고 생각하게합니다.div 위로 마우스를 가져다 대면 img (부트 스트랩 3)

HTML CSS가 어떻게 작동하는지 확실히 아니다

<div class="col-md-4 col-sm-4"> 
    <img id="Email_Logo" class="featurette-image img-responsive" src="img/Email_Icon_Send1.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image"> 
</div> 

<div class="row"> 
    <div class="col-md-6 col-md-offset-3"> 
    <div class="hovershow"><p>This should show on hover</p></div> 
</div> 
</div>

CSS

.hovershow{ 
    display:none; 
} 

#Email_Logo:hover .hovershow{ 
    display: block; 
}

출처

2013-10-29 user2512696

부모님을 선택할 수 없으므로 css에서 'Email_logo'를 변경하고 한 단계 위로 이동하고'~'형제 선택자를 사용하여 자식을 선택하십시오 –

.#Email_Logo:hover .hovershow{ 
    display: block; 
}

그리고 음 ... 그런 경우가 아니다 :

다음 CSS는 어딘가에 #Email_Logo 내의 요소 .hovershow는 것을 의미한다. 당신이 원하는 것은 쉬운 자바 스크립트 또는 HTML '트리'와 CSS의 변경으로 얻을 수 있습니다.

출처

2013-10-29 20:37:30 LuudJacobs

가능한가요? 자식이 아닌 요소에 대해 마우스를 올리면 div가 표시됩니까? – user2512696

with css no 당신은 js로 할 수 있습니다 – DaniP

위대한, Danko 감사합니다! – user2512696

div 위로 마우스를 가져다 대면 img (부트 스트랩 3)

답변

관련 문제