8.3日音讯,透明图片之实用方法解析
日期:2013-08-03发布:首创网络浏览:326次
8.3日音讯,透明图片之实用方法解析。在网页制作中透明图片是常用到的,但是ie6的浏览器对此支持的确不够理想,在网上我们看到有用css实现的,有些是用js实现,用js感觉大材小用了,能用纯css解决就css吧,以下的两种方法都是尝试过可行的大家可···
本文关键字:8.3日,音讯,透明,图片,之,实用,方法,解析,8.3日,
8.3日音讯,透明图片之实用方法解析。在网页制作中透明图片是常用到的,但是ie6的浏览器对此支持的确不够理想,在网上我们看到有用css实现的,有些是用js实现,用js感觉大材小用了,能用纯css解决就css吧,以下的两种方法都是尝试过可行的大家可以一块讨论学习一下。
先将图片存为PNG-24透明格式。
(图片要绝对路径)
方法一:用png图作背景
要注意hack
html代码
css代码
.logo{width:338px;height:57px;float:left;url(/images/logo.png)0px0pxno-repeat!important;text-indent:-1000px;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.hdscwl.com/images/logo.png',senabled='true',sizingMethod='scale');}
标准:_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.hdscwl.com/templets/dyimgs/wymrs/images/logo.png',enabled='bEnabled',sizingMethod='image');
方法二:插入png图片,定义img
这个方法要准备一完全透明的图片transparent.gif,大小随意。
html代码
css代码
.logo{width:338px;height:57px;float:left;}
.logoimg{width:338px;height:57px;}
/*png透明兼容ie6*/
有时候超链接加了这个透明滤镜,然后页面上所有超级连接
给a加上position:relative;
不过这里要提醒你,你这里的image路径是相对路径,那么值得注意的是,这个相对路径是根据html相对的,而不是CSS。
- 欢迎大家阅读浏览,部分内容来源于网络,如有侵权,请联系我们删除!
服务项目
热门信息
- 邯郸网络公司:模板建站的好处有哪些?
- 3612024-04-25
- 公司签约北京万合法律公司网站建设项目
- 2982024-04-23
- 4.20日音讯,邯郸网络公司:企业官网有必要做吗?
- 2112024-04-20
- 4.20日音讯,邯郸网络公司:为什么模板建站如此便宜?
- 2832024-04-20
- 公司签约河北家丰植物油公司网站建设项目
- 2182024-04-16
- 4.9日讯,企业网站建设如何发挥网络营销功能?
- 4062024-04-09
- 4.9日音讯,企业网站维护的日常工作
- 2882024-04-09
- 4.5日讯,建设一个外贸网站多少钱?
- 4832024-04-05
- 公司签约邯郸晓军紧固件网站建设项目
- 2372024-04-02
- 邯郸网络公司:网站建设开发有哪些细节需要注意?
- 5382024-03-07