使IE浏览器支持PNG格式图片的透明效果
作者：Windm.cn翻译 发布时间：2008-02-02 16:20:00
标签：png,ie,浏览器,图片
PNG格式以支持透明和无损，且相对大小适中，已成为现在网页中图片运用的主流。
有些时候我们在制作网页时使用PNG格式图片，用IE浏览器查看却无法显示需要的效果，半透明
的部分直接给渲染成白色，只有Mozila的FireFox能支持这种透明效果的显示。
先来看下这2两个主要的浏览器对PNG图片透明度的解析情况吧。
Mozilla Firefox
支持PNG透明度渲染，显示无问题
Internet Explorer6
不支持PNG透明显示，显示为白块
解决方法：创建一个容器包含该图片，这里我们用<div>标签.
使用如下HTML代码:
<body>
<div class="pngimg">
</div>
</body>
应用如下CSS样式:
<style>
body {
background-color:#000;
}
div.pngimg {
background:url(flower-transparent.png) no-repeat;
height:100px;
width:100px;
}
</style>
但是这套CSS代码只适用于FireFox,并不适用于IE浏览器,要适用于IE,我们必须要添加适用于IE的另一套CSS样式代码,代码如下:
<!--[if gte IE 5]>
<style type="text/css">
div.pngimg {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='flower.png' ,sizingMethod='crop');
}
</style>
<![endif]-->
如此,IE就可以支持PNG透明度的显示了.该代码其实时调用了IE专有的
Alpha滤镜,注意该滤镜只支持IE5.5或更新的版本.
相关推荐：苏沈小雨css样式表滤镜中文手册chm
0
投稿猜你喜欢
前言在Python的世界里，将一个对象以json格式进行序列化或反序列化一直是一个问题。Python标准库里面提供了json序列化的工具，我- 這兩天﹐對xml作為數據庫產生了興趣﹐找了一些資料﹐也搞出了一點眉目﹐在這里記錄一下。算是對自己學習x
- 函数调用方法：numpy.array(object, dtype=None)各个参数意义：object：创建的数组的对象，可以为单个值，列表
- 场景在 Go 语言中，常量分为有类型常量和无类型常量。// 有类型常量const VERSION string = "v1.0.0
- 本文实例讲述了js捐赠管理完整实现方法。分享给大家供大家参考。具体实现方法如下：index.html页面如下：<!DOCTYPE ht
- 在python中使用open函数对文件进行处理。1.open()python打开文件使用open()函数，返回一个指向文件的指针。该函数常用
- Fuko Masked 是 Kaloyan Tsvetkov 的一个小型PHP库，用于通过用编辑后的元素替换列入黑名单的元素来屏蔽敏感数据。
- function getBytesLength(str){ var re=/[\x00-\xf
- 这次让我们来看看一个真实场景吧：银行转账一、举例银行转账假设现在有一个xuewei的账号里面有 100W。然后有多个任务在转账，转入转出都是
- USE [数据库名称]; --1.定义需要查找的关键字。在搜索中，使用模糊搜索：LIKE '％@key_find％'
- 这篇文章主要介绍了Python语言异常处理测试过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋
- 其中使用到一个分页类CPaging 代码如下:Class CPaging Public RS
- 在利用Python进行系统管理的时候，特别是同时操作多个文件目录，或者远程控制多台主机，并行操作可以节约大量的时间。当 * 作对象数目不大时，
- 一个简单的JS显示日期代码，可以显示星期几<script type="text/javascript">fu
- 众所周知，数据库中INSERT INTO语法是append方式的插入，而最近在处理一些客户数据导入场景时，经常遇到需要覆盖式导入的情况常见的
- 1. 什么是数据不平衡所谓的数据不平衡（imbalanced data）是指数据集中各个类别的数量分布不均衡；不平衡数据在现实任务中十分的常
- 1.设置mysql允许外部连接访问(授权)：grant all privileges on *.* to root@'％'
- 控制字符控制字符（Control Character），或者说非打印字符，出现于特定的信息文本中，表示某一控制功能的字符，如控制符：LF（换
- 目录背景目的拆分前流程设计目录结构设计存在的问题拆分后流程设计目录结构设计解决的问题关键代码总结其他实现方式背景由于之前的数据库防火墙产品与
- 简介tuple1.元组是以圆括号“()”包围的数据集合，不同成员以“,”分隔。通过下标进行访问2.不可变序列，可以看做不可变的列表，与列表不
