1
에 가능한 복제를 작동하지 :
CSS3 transition of background-image for Firefox not workingCSS3 전환 파이어 폭스
첫 번째 게시물을 여기에. 나는 조사하고 겉으로는 대답을 찾는 것에 가까웠지만 어쩌면 나는 좌절 한 것일 수도있다.
내 CSS3 전환을 FF로 작동하는 배경 이미지로 쉽게 전환 할 수 없지만 Chrome에서 작동합니다.
여기 jsFiddle를 통해 내 코드입니다 : http://jsfiddle.net/hWnf4/
HTML :
<a href="http://example.com" title="" id="logo">
<span id="logoimg"></span></a>
CSS :
#logo {display:inline-block; padding-top:22px; text-decoration:none;font-family:'YanoneKaffeesatzRegular',"Helvetica", Arial, sans-serif;font-size:3em;margin-bottom:18px;}
#logo:link, #logo:visited {color:#fff;}
#logo:hover, #logo:active {color:#ccc;}
#logoimg {display:inline-block; width:405px; height:220px; background:url('http://www.webdesign-guru.co.uk/icon/wp-content/uploads/black-round-glassy.gif') no-repeat; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
#logoimg:hover {background:url('http://www.webdesign-guru.co.uk/icon/wp-content/uploads/green-round-glassy-button.gif') no-repeat;}
FF로 작동합니다. 어떤 FF 버전을 사용하고 있습니까? –
최신 FF 버전. – crowflux
오, 나는 그 질문을 통과했다고 생각합니다. 감사. 그것은 아직 지원되지 않는다는 것을 짜증나게합니다. :( – crowflux