QQ 1640076782

2010年06月28日

外贸婚纱购物网站之热销图片设计

Filed under: 猪哥 — 标签:, — @ 11:39 下午

最近做的一个外贸婚纱购物网站小功能比较多,其中一个小功能是设置热销图片,这是很多外贸购物网站必要的,可以刺激客户购买欲望,如图:
20100628231206390,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.]>

效果对比:
处理前
3

处理后:
2

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