• 关于 淡入方式 的搜索结果

回答

经过实践,找到了一种可以在ie8下实现淡入淡出的动画方式,具体的原理就是如果我们使用的是div包括img的方式布置元素,通常我们会在div上加上filter,但是在ie8下,这样相当于在在div和img身上加了双重效果。而且滤镜本身就是加载了图片路径的,所以简单的说,就是在IE8下,只需要给div加上滤镜,img标签可以隐藏掉。这样就可以实现淡入淡出的效果。 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(function(){ $(".a").css({"opacity":"0"}); $(".a").animate({ opacity:1 },1000,'ease-in-out') }); </script> <style type="text/css"> body{ padding: 0; margin: 0; background: #ccc; } img{ width: 100%; height: auto; } .a{ width: 30%; background: transparent; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=logo.png,sizingMethod='scale');" } .lt-ie9 .normal{ visibility: hidden; } </style> </head> <body> <div class="a"> <img class="normal" src="logo.png" alt=""> </div> </body> </html>

小旋风柴进 2019-12-02 02:19:11 0 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 SSL证书 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站 2020中国云原生 阿里云云栖号