在做淘寶裝修時,敲裝修代碼很是讓人頭疼,哪里搞錯了,可能會導致圖片不顯示,或者顯示不出相應的效果,那么今天小編要給大家分享一段代碼,可以省去大家不少時間,淘寶去空白間隙全屏海報裝修代碼獻給大家!
小編隨便舉個例子,海報圖片尺寸為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>
如果發現實現后的全屏效果不居中,可適當調整代碼。小編的分享就到這里,希望能給大家帶來幫助,如果大家想了解更多店鋪裝修知識,那就趕緊關注甩手網吧!