Question

求淘宝全屏海报DW代码，以下是我的代码和做出来的效果，左边留白，然后左侧模块为什么覆盖在图片上

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:500px;overflow:hidden;">
<div class="footer-more-trigger" style="width:1920px;height:500px;top:auto;padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;">
<div> <img border="0px" height="500" src="http://img03.taobaocdn.com/imgextra/i3/292673740/TB2dL_naXXXXXcWXXXXXXXXXXXX_!!292673740.jpg" width="1920" /></div>
</div>
</div>
</div>

Answer 1

看你把全屏代码放在右侧模块里，是不是基础版旺铺？

基础版旺铺因为没有通栏，所以只能将代码放在右侧栏，全屏代码可以使自身突破包含它的自定义模块，但对其他模块的位置不会产生影响，原来模块在什么位置还是在什么位置。

所以需要你在左侧栏的对应位置也要添加一个自定义模块，这个模块用来占位，里面放一个高度与右侧全屏代码高度一样的空容器即可，注意，这个模块的位置要调整到与右侧模块相对应的位置，即在同一水平位置上。

经过如上的操作，左侧栏的其他模块应该被撑开了，但是这个占位的自定义模块仍旧显示在全屏图片的前面，那么，下一步就是要让全屏图片显示在前面，去盖住这个占位的自定义模块。那么就在<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;">这行代码里的style里添加一个z-index属性，属性值这里设9应该足够了。添加以后应该是这样：<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;z-index:9;">。这样全屏图片就显示在前面了，盖住占位的自定义模块。

另外还要说一下这个left:-960px，你全屏代码放在右侧栏就不是-960了。第一次向右偏移50%，这个50%是以父容器宽度来计算的，所以第一次偏移了750*50%=375，加上左侧栏的190px和10px间距，是575，而通栏宽度是950（左侧栏190+间距10+右侧栏750），也就是说475才是中间点。所以第一次偏移50%以后，全屏图片的左边对应的位置是中间偏右100px的位置。那么第二次向左偏移时就应该算上这100px，应该是1920/2+100=1060。所以这个 left:-960px 应该改成 left:-1060px。不知道这样子你能不能理解，画了张简单的说明图，希望能看得明白。

如果不能理解，可以继续追问。