设计理念

当前位置：地方网站工作室 >> 网络技术 >> 设计理念 >> 浏览文章

PNG图片透明的兼容解决方法

文章来源：菏泽网站建设　　文章作者：呐喊网络部落格　　日期：2009年09月14日
PNG格是的图片确实是非常好用，做透明图片时，她的效果要比Gif好很多，并且它还支持半透明。其实这样的需求每一个设计师和制作都时常需要的，可惜“IE6”却不买PNG透明的帐。

PNG格是的图片确实是非常好用，做透明图片时，她的效果要比Gif好很多，并且它还支持半透明。其实这样的需求每一个设计师和制作都时常需要的，可惜“IE6”却不买PNG透明的帐。

很多设计师和网页制作居然想出了一个办法，称之为——拒绝“IE6”，也就是说，当用户用IE6访问该页面时，网页拒绝让丫看，呵呵，这方法道是也不错，当然，那是对于个人站点而言，如果是商业站点，这样的做法损失会很大。

也算是天木绝银之路吧，终于找到个方法解决掉“IE6”不能正常显示透明PNG的问题了...

IE：使用“IE专署滤镜”让“IE6”支持PNG透明，该滤镜滴解释俺亦不知道~反正是可以这样用。

FF：除了“IE6以及以下版本”以外，好似别滴浏览器都支持PNG透明，所以直接使用png做背景。

兼容处理：这里要注意滴是，一定不能让“IE6”读到背景了，不然会跟滤镜冲突。所以使用!important让“IE6”下无背景图片。

页面代码如下：

以下为引用的内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>关于PNG图片透明的兼容性</title>
<style type="text/css">
div.bg {
width:440px;
height:100px;
background:#cc0000 url(http://sixtyears.cn/wp-content/themes/moren/images/logo.png)!important; /* 提升改段属性优先权，让IE7与非IE浏览器读取背景图片。 */
 /* background:#cc0000;设置背景色为：呐喊红，并覆盖上一段背景图片的设置。*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sixtyears.cn/wp-content/themes/moren/images/logo.png',sizingMethod='image'); /* 使用IE专属滤镜，让PNG图片背景透明。 */
}
</style>
</head>
<body>
<h4>呐喊红色背景：</h4>
<div class="bg">12354</div>
<h4>原始图片：</h4>
<img src="http://sixtyears.cn/wp-content/themes/moren/images/logo.png" alt="原始图片" />
</body>
</html>

追求卓越 精心缔造 菏泽网站建设 地方网络工作室
上一篇：40个免费PSD源文件下载网站
下一篇：国外10位顶尖Photoshop设计大师
相关文章

我们能为菏泽企业做什么？

菏泽企业网站建设
DIV+CSS布局技术、底层SEO规划设计、菏泽地方网络工作室为您提供优质网站建设服务！
SEO网站推广策划
菏泽唯一SEOwhy认证的SEOER，全面的SEO推广方案，为您量身定制SEO网站推广策划！
国内顶级服务器
新网互联、中国频道、美国主机、韩国主机、地方网络工作室只提供最优质的服务器主机！
《书生商友》商机群发软件
Booksir，一步到位彻底解决中小企业网络整合营销的书生商友营销引擎!

公告

怎么联系我们？

手机：18651363941
地址：由于菏泽生存压力巨大，本人现未居菏泽，在北京就值。如有业务需要，请直接电联。
联系人：刘峰　高娜
QQ：61572536
微信：61572536
邮箱：guf521@163.com

服务宗旨

因为执着　所以专业　追求卓越　精心缔造
售后为先　宁得罪新客户　　不拖拉老客户
诚信为本　新互顶级域名空间　　畅爽速度