全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
滤镜方案解决IE6 PNG透明问题介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本的IETest中无效,建议使用标准的IE6来进行测试!目录说明:思路: 1、书写正常的CSS代码,通过background导入图片,这样所有的浏览器均使用了此PNG图片; background:url(./images/W3CfunsLogo.png); 2、通过滤镜对引入图片,滤镜引入图片的时候是相对于HTML文件,而不是相对于CSS文件,语法如下: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/W3CfunsLogo.png); 代码写到这里,我们放到IE6下测试后发现IE6还是没有透明,因为我们虽然设置了滤镜引入图片,但是background也同样加载了此图片,又因为background的图层比滤镜设置的高,所以才没有显示出来,如下图: 3、所以我们得出的结论就是当我们使用filter的时候,就要使background失效,因此我们可以使用CSSHack来解决此问题(如果您不知道IE6的CSSHack如何使用的话,请看这里!),只需要将IE6的background:none;即可,那么可以得出的代码如下: _background:none; /*此代码只有IE6识别*/ 又因为filter只在IE6下让其产生作用,IE6+版本的浏览器虽然也识别filter,但是png透明是没有灰底问题的,所以我们同样将filter也加上IE6 Hack即可。 4、最终我们可以得到如下代码: #pics background:url(./images/W3CfunsLogo.png) no-repeat; /*以下为IE6设置PNG透明代码*/ _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/W3CfunsLogo.png); 提示:如果需要使其支持链接的hover,那么需要在CSS中定义:cursor:pointer;使其呈现手型,否则将为默认的鼠标状态。优点: 1、绿色无插件; 2、效率高,速度快; 3、网速慢的时候,不会出现先灰底再透明的情况,支持远程图片; 4、支持Hover等伪类,但是得使用两张图片,网速慢的情况下,会导致第二张图片暂时无法显示,因为还没有完全载入;缺点: 1、不支持平铺,虽然filter有sizingMethod=scale, 拉伸缩放模式,但是图片会变形,如果单纯的颜色或简单的渐变色还能横向平铺; 2、不支持Img标签; 3、不支持CSS Sprite;使用情况: 1、当没有img引入png时可考虑; 2、当没有CSS Sprite需求时可考虑; 3、当没有平铺需求时候可考虑;更多解决方案请参考:1、http:/www.w3cfuns.co
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 《穿井得一人》教学课件(部编人教版七年级语文上册)
- 2024年冷却塔项目经营分析报告
- 2024年快递袋项目创业投资方案
- 2024年医用过滤器行业企业战略风险管理报告
- 2023-2024年《校医聘用合同样本范本 》
- 2024年太阳能电池水泵系统项目分析评价报告
- 2024年饲料项目调研分析报告
- 有关感恩老师+演讲稿5篇
- 辽宁省本溪市第十二中学高一英语模拟试卷含解析
- 小学班主任教学工作总结3篇
- 健身房的需求分析报告
- 智慧城市与物联网概述课件
- 医药商品购销员:医药商品购销员考试题库
- 五官科常用药的用法及注意事项
- 城市污水处理投标书
- 湖南建设工程施工阶段监理服务费计费规则
- 游艇行业:游艇制造与豪华游艇市场
- 汽车安全气囊气体发生器的研究
- 数学课堂创新利用创新教学方法提升学生数学学习效果
- 老年人能力评估标准解读讲义课件
- 2023中国可持续消费报告
评论
0/150
提交评论