在做淘寶裝修時,敲裝修代碼很是讓人頭疼,哪里搞錯了,可能會導(dǎo)致圖片不顯示,或者顯示不出相應(yīng)的效果,那么今天小編要給大家分享一段代碼,可以省去大家不少時間,淘寶去空白間隙全屏海報裝修代碼獻(xiàn)給大家!
小編隨便舉個例子,海報圖片尺寸為1920×600。我們自己隨便敲的全屏代碼,可以使用。但是如果是做首頁(圖片比較長)。一旦發(fā)布后,就把其他的頁面遮擋掉了,那么遇到這樣的情況我們該怎么辦呢?那么重點(diǎn)來了小編分享的就是:任何1920px的代碼或者1920px的圖片都可以放在950自定義模塊中實(shí)現(xiàn)1920全屏展示。
實(shí)現(xiàn)這個功能要用到以下代碼,好好學(xué)習(xí)學(xué)習(xí)!
<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">
<!-- 以下是自己的代碼 -->
在這里輸入要實(shí)現(xiàn)的代碼或圖片。如果只是圖片要寫成這樣的格式: <p> <img src="圖片地址" /></p>
<!-- 以上是自己的代碼 -->
</div>
</div>
</div>
</div>
</div>
</div>
如果發(fā)現(xiàn)實(shí)現(xiàn)后的全屏效果不居中,可適當(dāng)調(diào)整代碼。小編的分享就到這里,希望能給大家?guī)韼椭?,如果大家想了解更多店鋪裝修知識,那就趕緊關(guān)注甩手網(wǎng)吧!