Windows 7에서 Chrome CSS 변환 오류가 발생했습니다.

일부 이벤트에서 사진을 변형하려고합니다. 말하십시오. 그것은 리눅스와 심지어 XP에서 크롬에서 잘 작동하지만 윈도우 7 또는 8에서 크롬 제대로 표시되지 않습니다.Windows 7에서 Chrome CSS 변환 오류가 발생했습니다.

Firefox 7과 8의 크롬 링크를 열면 내 문제가 무엇인지 알 수 있습니다.

http://blacksheepinc.in/temp.php

예제 코드 : 다른

<html xmlns="http://www.w3.org/1999/xhtml"> 
<html> 
<head> 
<script type='text/javascript' src='jquery.js'></script> 
<script type='text/javascript'> 
function rtt() { 
    $('#logo').css('-webkit-transition', 'all 2s ease-in') 
    $('#logo').css('-moz-transition', 'all 2s ease-in') 
    $('#logo').css('-webkit-transform','rotate(270deg)'); 
    $('#logo').css('-moz-transform','rotate(270deg)'); 
} 
</script> 
</head> 
<body> 
<pre> 
Click on the pic 
</pre> 
<img id='logo' src='logo.png' onclick='rtt()' style='position:absolute;'/> 
</body> 
</html>

사람은 그것을 직면?

감사합니다.

출처

2012-07-27 user1558399

더 많은 CSS와 적은 JS를 만들었습니까? jQuery보다 CSS를 사용하여 내 애니메이션을 신뢰합니다. 이와 같이 :

<style type="text/css"> 

    .logo { 
    -webkit-transition:all 2s ease-in; 
    -moz-transition: all 2s ease-in; 
    } 
    .logo.end { 
    -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg); 
    } 

</style> 
<script type='text/javascript'> 

    $('#logo').click(function() { 
    $(this).addClass('end'); 
    }); 

</script>

출처

2012-07-27 19:25:48 moettinger

물론 "onclick"이벤트를 제거하십시오. – moettinger

감사합니다. moettinger !!! – user1558399

Windows 7에서 Chrome CSS 변환 오류가 발생했습니다.

답변

관련 문제