淘宝全屏代码和DW热点代码如何合并

发布网友发布时间：2022-05-14 16:59

共1个回答

热心网友时间：2023-10-14 18:44

看你把全屏代码放在右侧模块里，是不是基础版旺铺？
基础版旺铺因为没有通栏，所以只能将代码放在右侧栏，全屏代码可以使自身突破包含它的自定义模块，但对其他模块的位置不会产生影响，原来模块在什么位置还是在什么位置。
所以需要你在左侧栏的对应位置也要添加一个自定义模块，这个模块用来占位，里面放一个高度与右侧全屏代码高度一样的空容器即可，注意，这个模块的位置要调整到与右侧模块相对应的位置，即在同一水平位置上。
经过如上的操作，左侧栏的其他模块应该被撑开了，但是这个占位的自定义模块仍旧显示在全屏图片的前面，那么，下一步就是要让全屏图片显示在前面，去盖住这个占位的自定义模块。那么就在
这行代码里的style里添加一个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。不知道这样子你能不能理解，画了张简单的说明图，希望能看得明白。
如果不能理解，可以继续追问。