猿问

这个demo在ie8下点击btn按钮 div不会旋转,但是在ie9+,ff,谷歌都可以?为什么呢?

<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);
});
})

湖上湖
浏览 123回答 1
1回答

慕标5832272

本质上是IE8不支持transform这个属性,所以实现不了rotate不过还是有兼容性的写法的:<div&nbsp;style="position:absolute;filter:&nbsp;progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:&nbsp;rotate(270deg);&nbsp;-moz-transform:&nbsp;rotate(270deg);&nbsp;-o-transform:&nbsp;rotate(270deg);transform:&nbsp;rotate(270deg);">内容啊</div>针对IE8:<div&nbsp;style="position:absolute;filter:&nbsp;progid:DXImageTransform.Microsoft.BasicImage(rotation=3)">内容啊</div>
随时随地看视频慕课网APP

相关分类

Java
JavaScript
我要回答