Question

淘宝店铺装修的问题 来高手~

<div style="height:500px;">

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;"><div style="overflow:hidden;width:1920px;height:500px;background: url(http://img03.taobaocdn.com/imgextra/i3/753372901/T2vieLXnBbXXXXXXXX_!!753372901.jpg) no-repeat fixed center top;">

<a href="#" target="_blank"><img src="http://www1001.babidou.com/pic/2013/7/19/327/tupianbanjia52692/T2MqEWXlFXXXXXXXXX_!!372459255.png" /></a></div>

</div>

</div>

</div>

这个代码是放在C店自定义模块中的 求大神详细解释下 ~

Answer 1

实现效果：全屏海报。

代码解析：

1. 所有height值都是设置海报的高度；

2. "footer-more-trigger"这是一个公共类，里面含有绝对定位absolute属性。调用该类可以得到该属性。该属性有何作用？这就是传说中的突破950界限；

3. left:50%，left:-960px等等的作用是让海报向左移动自身的一半，从而居中显示（这里的960是海报的宽度1920除于2的结果，如果海报宽度是1366，则这里写left:-683px）；

4. 剩下的width、background等属性太基础了，不解释。百度一下，一大堆。
   
   

追问

谢谢~ 为什有四个《div》 可以用一个代替吗 求代码！！ overflow:hidden;是什么意思啊