最近做的一个外贸婚纱购物网站小功能比较多,其中一个小功能是设置热销图片，这是很多外贸购物网站必要的，可以刺激客户购买欲望，如图：
，DIV+CSS中，红色的图标和产品图是分离的两层，后台设置此产品为热销产品时，前台就自动打上这个醒目的图标。

红色图标必须做成透明背景才可以完美覆盖在产品图上面，设计师们都知道，透明背景的图片一般有两种，gif格式和PNG格式，但gif格式的透明背景图片会有锯齿，这让产品图片减分。如果做成PNG格式，IE6却不支持，还是会默认显示背景为灰色。那有没有完美的解决方法呢？

通过JS来实现IE6兼容PNG透明效果：

png.js

在图片代码加上这句：<!–[if lt IE 7.]>
<script defer type=”text/javascript” src=”images/png.js”></script>
<![endif]–><img src=”images/sale.png” /></span><ol ><!–[if lt IE 7.]>

效果对比：
处理前

处理后：

总结：无论是外贸婚纱购物网站还是其他的外贸购物网站，每个细节处理我们都会追求完美，努力做出美观并且实用的网站。欢迎咨询Onepound,QQ:415682727,MSN:[email protected]