<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.box1{
width: 200px;
height: 200px;
background-image: url(img/3.png);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<!--
IE6中对图片格式png24支持不高
使用图片格式是png24则会导致透明效果无法正常显示
解决：使用png8代替png24
使用javascript解决，需要向页面引入一个外部的Javascript文件
然后写一些js代码，处理问题
-->
<div class="box1"></div>
<!-- 在body最后引入外部js文件 -->
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js">
</script>
<!-- 在创建新的script标签，编写代码 -->
<script type="text/javascript">
DD_belatedPNG.fix("div");
</script>
</body>
</html>
解决IE6对png24不支持：使用png8代替
引入外部JavaScript文件，写代码运行处理问题
<!-- 在body最后引入外部js文件 -->
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<!-- 在创建新的script标签，编写代码 -->
<script type="text/javascript">
DD_belatedPNG.fix("div");
</script>