Wordpress에서 호버에 DIsable 이미지 캡션을하는 방법

Question

가끔 전 사이트를 찾았습니다. URL은 http://www.fun71.com입니다. 나는 이미지 양이온보다 이미지에 마우스를 가져 가면 hide라는 것을 알았습니다. 누군가가 어떻게 내 사이트에서이 작업을 수행 할 수 있는지 알려 줄 수 있습니까? 은 CSS 또는 자바 스크립트로 처리됩니까? 그것이 나를 위해 코드를하시기 바랍니다 CSS보다. 내 친구에게 CSS가 부여됩니다.

.wp-caption .wp-caption-text { 
    font-size: 0.8em; 
    line-height: 17px; 
    margin: 0px; 
    width: 100%; 
    padding: 0px 0px 5px; 
    background-color: #FFF; 
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    opacity: 0.7; 
} 

그러나 이것은 제게 적합하지 않습니다. plz help me

Answer 1

모든 이미지 캡션에 wp-caption-text 클래스가있는 경우 아래와 같이 마우스를 올리면 텍스트가 숨겨집니다.

.wp-caption .wp-caption-text { 
font-size: 0.8em; 
line-height: 17px; 
margin: 0px; 
width: 100%; 
padding: 0px 0px 5px; 
background-color: #FFF; 
position: absolute; 
bottom: 0px; 
left: 0px; 
opacity: 0.7; 
display:block; 

}

.wp-caption .wp-caption-text:hover{ 
    display:none !important; 
}