在IE6下使用filter设置png背景
2024-08-25 21:54:42
今天帮别人解决问题学会了一个在IE6下使用filter设置png背景,具体css写法如下:
.login_form_wrap { width: 778px; height: 360px; background: url(../images/air/v_login_bg.png) no-repeat 0 0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="https://auth.sina.com.cn/oauth2/style/vdisk/images/air/v_login_bg.png"); margin: 0 auto; position: relative; }
这样可以兼容主流浏览器和ie6的png背景图片。
filter属性的具体使用方法如下:
(本段出处:http://www.cnblogs.com/4inwork/archive/2009/03/11/1408979.html)
核心代码CSS:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
属性:
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
true : 默认值。滤镜激活。
false : 滤镜被禁止。
sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
crop : 剪切图片以适应对象尺寸。
image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale : 缩放图片以适应对象的尺寸边界。
src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
已知问题:
滤镜会使图片覆盖在文本层之上,使超链接和按钮等失效。并没有设置为背景的选项。
尚不完美的解决方法:
将div、链接或按钮设置相对位置,使之浮动。
1.此法文字仍会显示为在半透明下的模糊效果。
2.div/label/gridview等长度的变化将不会引起容器长度的自动适应。
时间: 2014-03-20 18:28:26
最新文章
- 在Eclipse中使用Git
- Javascript字符串
- 使用GITHUB的体会
- ES6--class基本使用
- 重载PostNcDestroy()函数做一些清理工作
- linux 信号处理
- JAVA中的static修饰的方法不能被重写
- Python Unittest 自动化单元测试框架Demo
- Org-mode五分钟教程ZZZ - Kaka Abel的日志 - 网易博客
- NYNU_省赛选拔题(5)
- scss语法介绍
- 【Flask】 结合wtforms的文件上传表单
- 生产环境中学习Redis
- HDU - 6393 Traffic Network in Numazu(树链剖分+基环树)
- Eclipse Python 开发环境搭建 pydev 插件
- 《Linux内核分析》第一周学习小结 计算机是如何工作的?
- Ubuntu:如何显示系统托盘图标(systray)
- ubuntu 命令安装软件
- springmvc DispatchServlet初始化九大加载策略(三)
- Java常用的排序算法三
热门文章
- Leetcode: Nth Digit
- zoj The 12th Zhejiang Provincial Collegiate Programming Contest May Day Holiday
- [原创]java WEB学习笔记72:Struts2 学习之路-- 文件的上传下载,及上传下载相关问题
- [转]JAVA程序员一定知道的优秀第三方库(2016版)
- mysql错误日志路径
- tostring() 作用
- mysql之触发器before和after的区别
- POJ 3243 Clever Y(离散对数-拓展小步大步算法)
- CCF真题之数列分段
- ThinkPHP讲解(二)控制器