<!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;}