2013年7月13日

兼容多种屏幕分辨率的通栏大图实现方法

摘要: 诸如天猫,京东,当当等购物平台上的通栏大图效果使用的商家越来越多,下面就以图文的方式解说下如何实现这种效果:1. 条件要求: 可以对模板进行自定义代码编辑即可,当然如果有通栏模板,那就更省事了,这里就不说了。大部分平台都还是没有通栏模板的。但是只有平台模块中可以自定义编辑代码,只要不屏蔽样式,就可以实现通栏大图效果。2.原理解析:通常都是通过在首图层div中添加两个div实现的,第一个div绝对定位,包含带有超链接的通栏图片,第二个div相对定位,定义高度,添加超链接。 也就是,第一个div负责展示通栏大图,但是不占位置,第二个div只是给首图展示占位置的。同样也可以添加超链接。3.关键... 阅读全文

posted @ 2013-07-13 20:25 逍遥云天 阅读(1438) 评论(0) 推荐(0) 编辑

导航