在做淘寶裝修時,敲裝修代碼很是讓人頭疼,哪里搞錯了,可能會導致圖片不顯示,或者顯示不出相應的效果,那么今天小編要給大家分享一段代碼,可以省去大家不少時間,淘寶去空白間隙全屏海報裝修代碼獻給大家!
小編隨便舉個例子,海報圖片尺寸為1920×600。我們自己隨便敲的全屏代碼,可以使用。但是如果是做首頁(圖片比較長)。一旦發布后,就把其他的頁面遮擋掉了,那么遇到這樣的情況我們該怎么辦呢?那么重點來了小編分享的就是:任何1920px的代碼或者1920px的圖片都可以放在950自定義模塊中實現1920全屏展示。
實現這個功能要用到以下代碼,好好學習學習!
<div class="tb-module">
<div class="tanchudiv" style="height: 130px">
<div class="footer-more-trigger mui-display-none" style="z-index: 99; border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: auto; border-right: 0px; padding-top: 0px; left: 50%">
<div class="footer-more-trigger mui-display-none" style="z-index: 99; border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: auto; border-right: 0px; padding-top: 0px; left: -75%">
<div class="footer-more-trigger mui-display-none" style="border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: 0px; border-right: 0px; padding-top: 0px; left: -100px">
<div style="margin: 0px auto; width: 950px">
<!-- 以下是自己的代碼 -->
在這里輸入要實現的代碼或圖片。如果只是圖片要寫成這樣的格式: <p> <img src="圖片地址" /></p>
<!-- 以上是自己的代碼 -->
</div>
</div>
</div>
</div>
</div>
</div>
如果發現實現后的全屏效果不居中,可適當調整代碼。小編的分享就到這里,希望能給大家帶來幫助,如果大家想了解更多店鋪裝修知識,那就趕緊關注甩手網吧!
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 去空白間隙全屏裝修代碼分享