Question

请问下极速模式下css3的transition动画效果没启动怎么回事？兼容模式下可以启动，求指

请问下极速模式下css3的transition动画效果没启动怎么回事？兼容模式下可以启动，求指导.下面是关键代码。

.main>div>img{
width: 600px;
height: 500px;
margin: 0px;
padding:0px;
position: absolute;
display: block;
background:blue;
transition:all 2s ease 0;
-moz-transition:all 2s ease 0; /* Firefox 4 */
-webkit-transition:all 2s ease 0; /* Safari and Chrome */
-o-transition:all 2s ease 0; /* Opera */
-ms-transition:all 2s ease 0;

}

.main>div>img{
width: 600px;
height: 500px;
margin: 0px;
padding:0px;
}
.main>div>img:hover{
padding-left:100px;
}
请大家一定要帮帮我，拜托了。这个很重要

Answer 1

这个应该是浏览器的问题，因为极速模式就是要更加快的打开网页，那怎么才能更加快打开呢？当然是压缩图片和减少css3样式的加载了，所以这个不是你的代码有问题，是浏览器在极速模式直接把css3的特性过滤掉了。这个问题应该是在360浏览器和猎豹浏览器才会发生。所以可以通过Meta标签代码修改360浏览器（猎豹一样）默认打开的模式。<meta name="renderer" content="webkit">

追问

不好意思，不是浏览器问题，是我的代码写错了