CSS3过渡效果 兼容IE6、IE7、IE8
2017-12-19 10:27
639 查看
![](https://oscdn.geek-share.com/Uploads/Images/Content/202005/11/cf058ff3704c441d88bf3f8ca512a9d9.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202005/11/d21d239e6bbc4f8088c4b064c872389c.png)
<style> .box{ width:120px;height:40px;background:yellowgreen;line-height:40px;transition:width 1s;cursor:pointer; } .box:hover{ width:180px; } </style>
<div class="box">Hello World</div>
<!--[if lte IE 8]> <style> .box:hover{ width:100px\9; } </style> <script> $(function(){ $(".box").hover(function(){ $(this).animate({width:180},500) },function(){ $(this).animate({width:120},500) }); }); </script> <![endif]-->
该过渡效果兼容各个浏览器,比如IE5,IE6,IE7,IE8等。
相关文章推荐
- CSS3过渡效果 兼容IE6、IE7、IE8
- 兼容IE6,IE7,IE8,friefox,chreom浏览器圆角及颜色渐变效果
- 兼容IE6,IE7,IE8,friefox,chreom浏览器圆角及渐变效果
- JS实现兼容IE6、IE7、IE8的图片上传前预览效果
- 让ie6,ie7,ie8支持 css3 的部分属性实现全兼容
- 兼容IE6,IE7,IE8,friefox的图片上下左右滚动效果
- 兼容IE6,IE7,IE8和Firefox的图片上传预览效果
- 浏览器兼容 IE6、IE7、IE8、Firefox、Opera CSS hack区分
- IE6 IE7 IE8 火狐浏览器兼容问题
- meta 标签代码解决IE兼容问题,IE6,IE7,IE8,IE9,IE10(包括360的兼容模式)
- CSS HACK 兼容列表 Firefox, IE5, IE5.5, IE6, IE7, IE8
- 如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
- IE6,IE7,IE8,IE9,FIREFOX,Chrome等浏览器兼容详解收集
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 微软 IE6, IE7, IE8 浏览器 CSS 兼容速查表
- HTML5 Shiv--解决IE(IE6-IE7-IE8)不兼容HTML5标签的方法
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- ie6,ie7,ie8 css bug汇总以及兼容解决方法 - xhuangtao
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题