IE6下PNG背景透明

<!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=gb2312" />
<title>ie6下png背景透明</title>
<style>
.bg{
 height:288px;
 width:512px;
 filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src=https://.oss-cn-hangzhou.aliyuncs.com/title.png );
 background-repeat: repeat;
}
</style>
</head>

<body>
<div class="bg">fdsf</div>
</body>
</html>

语法:
filter : progid:dximagetransform.microsoft.alphaimageloader ( enabled=benabled , sizingmethod=ssize , src=surl )

如果是想使用png做背景透明的话,需要用到css教程滤镜和hack:

html>body .png { background:url(1.png); width:300px; height:100px; border:#000 solid 1px;}

/* ie6 */* html .png { filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src='1.png');
    background:none; width:300px; height:100px; border:#000 solid 1px;}

 

 

时间: 2024-09-20 16:34:05

IE6下PNG背景透明的相关文章

css插入透明png(IE6下PNG背景透明)

png图片支持透明~很不错,可是在ie6下却不能正确显示透明部分,使用这个css可以解决这个问题(还有其他方法,不过百度空间只能用css~_~) filter:progid:dximagetransform.microsoft.alphaimageloader(src="png图片地址",sizingmethod="crop"); 把上面的加在css中. 例如 #in_send form td.f14 input { filter:progid:dximagetra

CSS实现IE6下PNG背景透明的方法

网页中的一般的PNG图片可以利用JS代码实现透明,但是如果使用PNG做背景的话,也就是在<a>悬浮状态时所用的背景,就不好实现了.虽然网上也可以找到一种批量实现方法,可是那种方法是遍历整个网页来实现的,肯定会让运行速度变慢.这里公布一个方法,不是原创,也是从网上找到的,它是针对PNG做背景时使用的,代码如下: .btnO{  background:url(winbg.png) no-repeat;background:none;filter;rogid;XImageTransform.Micr

解决ie6下png图片透明的完美方法

看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色.今天特下载网上一些优秀页面进行分析整合,整理了两套相当有效的解决方案,可以同时支持插入图片或css背景调用问题. 更新下载版本说明: 1."ie6-png-2(filter)"文件中,滤镜控制调用背景透明和js控制插入图片透明不能同时出现,这样在不同浏览器下会有问题,可以分开使用: 2."ie6-png-1(js)"

ie6下png图片透明解决方案

一点不影响速度.还有一种方法图片多时会变慢,而且必须准备一张透明的小图片transparent.gif,放在和html相同的目录,因操作麻烦,所以没有分享. 写法如下: <style type="text/css"> .mypng img { azimuth: expression( this.pngSet?this.pngSet=truethis.nodeName == "IMG" && this.src.toLowerCase().i

ie6下png图片背景不透明的解决办法使用js实现_javascript技巧

我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,下面给大家介绍下一个js解决的方式. 首先我们要用到一个js,代码如下: 复制代码 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com * URL: http://www.diller

解决IE6下不支持 png24的透明图片问题

常用的两种解决方案: 第一:使用IE滤镜解决 关键代码: css代码 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.update8.com/Web/CSS/css/images/png24.png",sizingMethod="crop"); 有几点注意点: 1:这里对应的src地址一定是相对于html页面的不是相对于css路径的

IE6下使用滤镜后链接无法点击的BUG

有个div的背景是个png的图片,在IE6下使用滤镜使它透明,但它下面的a标签的hover效果就没法显示,且链接也无法点击. 通常的解决方法是:给a标签加个相对定位(position:relative;),但在这里我在a标签上有个绝对定位(position:absolute;),这样的话该怎么解决的呢? 办法有两种:1.在使用滤镜的容器外面再加上一个容器,这个容器加上绝对定位.a标签上加相对定位的属性(position:relative)就可以点击了. 2.使用IE6下PNG图片透明插件DD_b

css/js实现png图片ie6下背景透明实现代码

在IE6直接显示(包括内容中直接插入.作为背景图片)PNG-24格式的图片,是不能正确显示透明.半透明内容与其他内容的叠加呈现效果的.那些IE7+以及其他标准浏览器中漂亮的虚化.淡出.投影效果,在IE6-中很可能成了一坨难看的灰色. 如果你无法忍受ie6中难看的灰色,如果你无法放弃半透明叠加的效果,你会有机会遇到这个问题的.解决途径有不少.这里列举一些,以供参考: 1,修改设计效果,使之可以整块透明区域被切片而不影响显示效果.或者去掉半透明效果. 2,htc文件 这里的htc,和宏达手机是无关的

基于jQuery IE6下PNG图片背景透明问题解决方法

基于jQuery IE6下PNG图片背景透明问题解决方法 IE6问题真的很多,其中有一个问题是PNG图片背景无法变成透明,取而代之的是一个色块,有时候我们想用png透明图片来做小图标,这个在IE6下就纠结了,下面我们用一个jquery插件来解决这个问题,希望能帮上大家. 首先下载SuperSleight for jQuery,再下载一张透明gif图片transparent.gif. 引用脚本: <script type="text/网页特效" src="/scripts