jqueryrotate ie8下不会转动
<styletype="text/css">#div1{width:300px;height:300px;background-color:greenyellow;}</...
<style type="text/css">
#div1{
width: 300px;
height: 300px;
background-color: greenyellow;
}
</style>
</head>
<body>
<input type="button" name="btn" id="btn" value="点击旋转" />
<div id="div1"></div>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/jQueryRotate.js"></script>
<script type="text/javascript">
$(function(){
var angle = 0;
$("#btn").click(function(){
var timer = setInterval(function(){
angle+=3;
$("#div1").rotate(angle);
},10);
});
})
这个demo在ie8下点击btn按钮 div不会旋转，但是在ie9+，ff，谷歌都可以。第一次用这个插件，请老手看看 展开
#div1{
width: 300px;
height: 300px;
background-color: greenyellow;
}
</style>
</head>
<body>
<input type="button" name="btn" id="btn" value="点击旋转" />
<div id="div1"></div>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/jQueryRotate.js"></script>
<script type="text/javascript">
$(function(){
var angle = 0;
$("#btn").click(function(){
var timer = setInterval(function(){
angle+=3;
$("#div1").rotate(angle);
},10);
});
})
这个demo在ie8下点击btn按钮 div不会旋转，但是在ie9+，ff，谷歌都可以。第一次用这个插件，请老手看看 展开
1个回答
展开全部
本质上是IE8不支持transform这个属性，所以实现不了rotate
不过还是有兼容性的写法的：
<div style="position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg);transform: rotate(270deg);">内容啊</div>
针对IE8:
<div style="position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)">内容啊</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
