解决IE6下png-24使用滤镜（_filter）透明问题 效果出不来

今天说说IE6下使用滤镜（_filter）解决png-24透明效果遇到的一些问题:

css代码：background:url(../images/button1.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/button1.png");

在使用上述代码解决IE6下透明效果时，有的人会出现明明使用了上述代码，为什么没有出现想要的效果，这里我们就要注意几点了：

1、使用该滤镜效果时注意代码的顺序，IE6下的兼容代码一定要放在正常的后面，这样才能起到覆盖的作用。

2、这里面有两个图片路径，有可能不一样：

第一个路径background:url(../images/button1.png) no-repeat；是css文件或者HTML文件（如果是行内或者嵌入式的css的话）相对于图片所在的路径；

第二个路径是指加载滤镜的页面相对于图片的路径而不是css文件相对于图片的路径，这跟一般的图片加载有区别。

两者一般情况下是不同的哦。

3、使用_filter滤镜效果一定要注意此图片只能包含你当前所要显示的图像，不能使用sprites技术将多个图像合在一张里，因为这张图片将完全显示在页面中，这样就出现了不想要的多余效果。

　　

时间： 2024-09-29 20:08:02

解决IE6下png-24使用滤镜（_filter）透明问题 效果出不来的相关文章

【css】ie6下使用css sprit 滤镜做透明图片

.service{ /*position:relative;*/ height:96% !important;overflow: hidden;} .pright{ height:40px; text-align:right; margin-top:30px; padding-right:50px; overflow:hidden; } .pright .btn_order{ background:url('../images/order_icon02.png') 0 0 no-repeat;

解决IE6下 PNG图片有背景问题

IE6下有时候png格式的图片会存在背景的问题,以下是我常用的解决办法: <!--[if IE 6]> <script src="js/DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix('*'); </script> <![endif]--> DD_belatedPNG_0.0.8a.js 代码如下: /** * DD_belatedPNG:

解决IE6下固定定位问题

*html { /*只有IE6支持 解决IE6抖动问题*/ background-image: url(about:blank); /*使用空背景*/ background-attachment: fixed; /*固定背景*/ } #top { /*非IE6 直接用固定定位*/ position: fixed; top: 0; left: 0; /*IE6 改为绝对定位 并通过css表达式根据滚动位置更改top的值*/ _position: absolute; _top: expression

expression解决IE6下固定定位的兼容

本文所使用的技巧是用了一条 Internet Explorer 的 CSS 表达式 (expression) .你不可以直接使用该表达式,因为它可能会因为缓存而不更新.解决这一点的最简单的方式是使用 eval 包裹你的语句. 如何解决“振动”的问题? 显然 IE 有一个多步的渲染进程.当你滚动或调整你的浏览器大小的时候,它将重置所有内容并重新渲染页面,这个时候它就会重新处理 CSS 表达式.这会引起一个丑陋的“振动” bug ,在此处固定位置的元素需要调整以跟上你的(页面的)滚动,于是就会“跳动

解决ie6下不支持fix属性，模拟固定定位

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>模拟固定定位fix</title> 6 <style> 7 html{ height:100%; overflow:hidden;} 8 body{marg

IE6下不支持除a以外的hover效果的解决办法

废话不说,直接上方法! 1.下载csshover.htc文件: 代码如下: <attach event="ondocumentready" handler="parseStylesheets" /> <script language="JScript"> /** * Pseudos - V1.30.050121 - hover & active * ---------------------------------

解决IE6下JS动态插入iframe不显示的方法

function myshowBox(titles, urls, objWidth, objHeight, flags) { var _title = titles; var _url = urls; var _width = objWidth; var _height = objHeight; var _flag = flags; $("body").append("<div class='myshowbox'><div class='myshowbox-

IE6下弹出层被select遮挡的解决

一些使用定位的弹出层在IE6下会被select遮挡,通过调整弹出层的z-index并不能解决问题,其实在弹出层中加一个iframe即可解决. 在弹出层加入代码如下: <div class="dialog"><!--我是弹出层--> <!--我是iframe--> <div style="position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;">

解决IE6不支持PNG-24透明的问题

IE6 png 透明 (三种解决方法)(转来的哦) FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 ============================================================================= 此效果简单,....相当不错 推荐 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.pn