- 浏览: 64075 次
- 性别:
- 来自: 四川
最新评论
今天偶然发现一个很让人无奈的问题。因为我们的项目需要欠入到别第三方业务的页面。两个页面结构层次不一致。结果发现:在我们的页面在样式文件里边设置了filter滤镜来过滤png图片(png图片在ie6中有灰色的背景,需要使用过滤器来过滤),结果这些滤镜全都不能显示。后来查找问题,发现写在样式文件里边的filter的src是相对于当前浏览器的url路径,而不是相对于样式文件的路径(这与background-image的路径不同,background-image的路径是相对于样式文件的路径)
例如:样式文件
http://a.b.c/a/b/c/d.css 里边有如下样式定义:
.test{
background-image:url(‘../../images/a.gif’);
}
.testFilter{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=true , sizingMethod=scale, src=’../../images/b.png’ )
}
在页面http://b.c/a/b/c.html里边引用该样式文件,那么:
使用test样式时,它的背景图片取值路径为:
而使用testFilter时,引用的滤镜的图片地址为:
发表评论
-
struts2 中获取 web资源的方式
2016-01-08 17:02 539在struts2中获取 web资源的方式大致可分为获取扩展 ... -
sql server、db2、oracle 存储过程动态sql语句示例
2015-01-31 19:00 1845Oracle CREATE OR REPLACE PRO ... -
ie9 中出现不明的异常(参数是必选项 (Argument not optional)、尚未实现)等
2015-01-27 23:57 1315<script type="text/jav ... -
SAXParseException: The content of element type "configuration" must match
2014-09-15 23:57 1975在mybatis的配置文件中新增加<databaseI ... -
java.lang.ClassNotFoundException: Cannot find class: DB_VENDOR
2014-09-15 23:45 2018在mybatis 中使用databaseIdProvide ... -
spring mvc3 + fastjson 转换 REST 参数以及输出
2014-03-27 00:16 4264spring 3可以支持Rest风格参数,其内置了jack ... -
eclipse中编辑log4j 的xml配置文件时,自动提示
2014-03-27 00:05 899方法1. 配置log4j.dtd文件: Windows - ... -
java json 转换之 Jackson 框架
2013-08-01 21:50 1179转自:http://www.cnblogs.com/hooj ... -
eclipse/myeclise 自定义注释中的变量名称
2013-07-01 23:18 981eclipse/myeclipse中自带了 ... -
Eclipse Class Decompiler——Java反编译插件
2012-11-08 22:41 1246Eclipse Class Decompiler,整 ... -
struts+spring+hibernate整合问题解决方法 陆续更新中....
2009-01-01 10:33 889在整合ssh过程中出现的问题和解决方法: 一、 严重: Ser ... -
DWR通过Annotation与spring整合
2009-01-21 22:05 672DWR 2.0 增加了一个很有趣的新特性,Annotat ... -
div嵌套页面 div加载页面 (其中获取目标页面的内容是用dwr框架连接java程序做的)
2009-03-15 16:58 664前段时间因为有需要,要在div中加载一个页面。但是以前没做过, ... -
tapestry autocomplete 更改样式及定位
2009-07-09 19:02 727版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文 ... -
Java中的main()方法详解
2009-07-12 16:23 657源文作者:leizhimin 源文链接:http:/ ... -
tapestry5 集成 spring 的事务管理
2009-07-22 15:43 605说明:使用的是tapestry5.1.0.5 和spring ... -
tapestry5 布局 参数的处理
2009-07-23 17:24 449<?xml version="1.0" ... -
tapestry不支持 等html特殊符号的解决方法
2009-07-23 17:34 566在使用tapestry时,偶然发现使用 &a ... -
WebService大讲堂之Axis2(1):用POJO实现0配置的WebService
2009-07-28 15:01 438转自:http://space.itpub.net ... -
WebService大讲堂之Axis2(2):复合类型数据的传递
2009-07-28 15:25 529转自:http://space.itpub.net/12921 ...
相关推荐
总之,解决IE6对PNG-24图像透明性的支持,需要利用特定的CSS滤镜技术,理解路径的相对性,并注意滤镜的局限性。虽然现在IE6的使用率已经非常低,但了解这一历史遗留问题仍然有助于理解浏览器兼容性和前端开发的历史...
- 更新滤镜的`src`属性,将其设置为想要预览的本地图片路径。 3. **完整示例代码**: - 下面是完整的HTML和JavaScript代码示例,展示了如何在IE8中实现本地图片的预览功能。 ```html #divFilter { filter:...
这里使用了`AlphaImageLoader`滤镜,`src`参数指定了PNG图片路径,`sizingMethod`可以设置为'scale'(拉伸图片)或'crop'(保持原图比例)。`_filter`前缀是IE6私有的,确保只在IE6下应用此规则。 3. **JavaScript...
应用`AlphaImageLoader`滤镜加载图片资源; 3. 考虑使用GIF格式代替PNG格式。 5. **浮动元素问题**: - **问题描述**:IE 6-7在处理浮动元素时会出现布局错乱的情况。 - **解决方案**: 1. 使用`clear`属性...
这里,`src`属性指定图片路径,`sizingMethod`可以是`crop`或`scale`,用于控制图片如何适应容器。 3. **背景图片透明**:对于背景图片,情况稍微复杂些。IE6不支持CSS的`background-color: transparent;`,因此...
在这个例子中,`src`属性指向阴影PNG图片的路径,`sizingMethod`可以设置为'crop'或'scale',根据需求调整图片大小。 另外,还可以利用CSS精灵(CSS Sprites)技术来解决阴影问题。通过将阴影和主图合并成一个PNG...
el.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + el.src + '", sizingMethod="scale")'; // 应用AlphaImageLoader滤镜 el.src = 'transparent.png'; // 将img的src替换为一个...
这里,`src`属性指定了需要透明处理的PNG图片路径,`sizingMethod`参数决定了如何调整图片大小,'scale'表示按比例缩放。 2. 使用JavaScript库:像/DD_belatedPNG/这样的JavaScript库专门用于解决IE6的PNG透明问题...
这个属性用于设置图片的透明度,它的`src`参数指定了图片的路径,而`background:none`则是为了确保该滤镜效果能够正确应用在需要透明的图片上,而不是整个元素。 `AlphaImageLoader`滤镜的功能特性主要包括能够对...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='你的图片路径.png', sizingMethod='scale'); *zoom: 1; /* 解决IE7及更高版本的浮动问题 */ } ``` 这段代码将使IE6使用滤镜加载指定路径的...
`src`属性指定图片路径,`sizingMethod='scale'`表示按比例缩放图片以填充元素。 值得注意的是,这种方法仅能实现背景图片的缩放,不能像`background-size`那样完全覆盖或包含容器。而且,滤镜会影响页面性能,因此...
`src`属性应替换为你实际的PNG图片路径。 2. **使用PNG8格式**:如果可能,可以将PNG24图片转换为PNG8格式。PNG8仅支持256种颜色,但能实现简单的透明效果,且在IE6下工作良好。 3. **条件注释法**:利用IE6特有的...
`src`属性指定图片路径,`sizingMethod`参数控制图片如何适应元素大小,如'crop'裁剪或'scale'缩放。 2. **CSS表达式**: 另一个方法是使用CSS表达式来动态加载AlphaImageLoader滤镜,但这种方法在性能上存在问题...
总结一下,要在IE中实现PNG图片透明和元素透明,我们可以利用CSS滤镜中的`AlphaImageLoader`和`alpha`属性。不过,随着现代浏览器的普及,这些技术逐渐被淘汰,开发者应考虑使用更现代、更标准的方法,比如CSS3的`...
在这里,`src`属性指定了PNG图像的路径,`sizingMethod`决定了如何调整图片大小以适应元素。`scale`表示按比例缩放图片,以适应元素尺寸。需要注意的是,这种方法仅适用于背景图,如果需要作为内联元素使用,可能...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='你的图片路径.png', sizingMethod='scale'); *zoom: 1; } ``` 这段代码会用一个AlphaImageLoader滤镜加载图片,使得PNG24的透明效果得以呈现...
这里的`src`属性是原始PNG图片的路径,`sizingMethod`可以是'crop'或'scale',分别表示裁剪和缩放以适应图像容器。 另一种常见的解决方案是使用JavaScript库,如/DD_belatedPNG/。这个库由 Dean Edwards 创建,它...
这里的关键在于使用了`filters.item`方法来获取`AlphaImageLoader`滤镜,并设置其`src`属性为用户选择的图片路径。此外,还需要设置`div`元素的宽高,以便正确显示图片。 ##### CSS样式 为了使上述代码能够正常...