fancybox 효과가있는 축소판에 불투명 호버 효과 추가

Question

작은 텍스트의 불투명도 호버 오버 효과를 fancybox 효과가있는 축소판에 추가하려고합니다. 나는 많은 jquery를 모른다. 그래서 css 메소드가 바람직 할 것이다.

나는의 CSS를 내 IMG 요소에 페이드의 클래스를 추가 말한다 다른 포럼 발견

.fade { 
    opacity: 1; 
    transition: opacity .25s ease-in-out; 
    -moz-transition: opacity .25s ease-in-out; 
    -webkit-transition: opacity .25s ease-in-out;} 

     .fade:hover { 
     opacity: 0.5;} 

을하지만 그것은 아무런 영향을 미치지 않습니다. 어떤 아이디어?

Answer 1

당신의 CSS는 정확합니다. 작동하지 않는 경우 이미지에 클래스 이름 fade을 적용하지 않았거나 opacity CSS 속성을 지원하지 않는 브라우저를 사용 중입니다.

@MaryMelody가 의견에 게시 한대로이 JSFiddle에는 클래스가 div에 적용된 코드가 있습니다 (이 클래스는 마우스 오버시 페이드를 적용하기 위해 요소에 적용 할 수 있음).