<p>CSS를 사용하여 마우스 오버 시 썸네일에 전환을 만들어 마우스를 올리면 배경이 페이드 인되도록 하려고 합니다. 변환이 작동하지 않지만 <code>rgba()<!--code-->value로 변경하면 제대로 작동합니다. 그래디언트를 지원하지 않나요? 또한 이미지를 사용해 보았는데 이미지도 변환되지 않습니다. </code></p><code> <p>누군가가 다른 게시물에서 그렇게 했기 때문에 이것이 가능하다는 것은 알지만, 정확히 어떻게 하는지는 모르겠습니다. 어떤 도움이라도> 사용할 수 있는 CSS는 다음과 같습니다. </p> <pre class="brush:css;toolbar:false;">#container div a { -webkit-transition: 배경 0.2초 선형; -moz-transition: 배경 0.2초 선형; -o-전환: 배경 0.2초 선형; 전환: 배경 0.2초 선형; 위치: 절대; 너비: 200px; 높이: 150px; 테두리: 1px #000 솔리드; 여백: 30px; Z-색인: 2 } #컨테이너 div a:hover { 배경: -webkit-gradient(방사형, 100 75, 100, 100 75, 0, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .4))) } </pre> <p><br /></p></code>