在做淘寶裝修時,敲裝修代碼很是讓人頭疼,哪里搞錯了,可能會導致圖片不顯示,或者顯示不出相應的效果,那么今天小編要給大家分享一段代碼,可以省去大家不少時間,淘寶去空白間隙全屏海報裝修代碼獻給大家!
小編隨便舉個例子,海報圖片尺寸為1920×600。我們自己隨便敲的全屏代碼,可以使用。但是如果是做首頁(圖片比較長)。一旦發(fā)布后,就把其他的頁面遮擋掉了,那么遇到這樣的情況我們該怎么辦呢?那么重點來了小編分享的就是:任何1920px的代碼或者1920px的圖片都可以放在950自定義模塊中實現(xiàn)1920全屏展示。
實現(xiàn)這個功能要用到以下代碼,好好學習學習!
<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">
<!-- 以下是自己的代碼 -->
在這里輸入要實現(xiàn)的代碼或圖片。如果只是圖片要寫成這樣的格式: <p> <img src="圖片地址" /></p>
<!-- 以上是自己的代碼 -->
</div>
</div>
</div>
</div>
</div>
</div>
如果發(fā)現(xiàn)實現(xiàn)后的全屏效果不居中,可適當調整代碼。小編的分享就到這里,希望能給大家?guī)韼椭绻蠹蚁肓私飧嗟赇佈b修知識,那就趕緊關注甩手網(wǎng)吧!
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網(wǎng)站。
本文內容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: 去空白間隙全屏裝修代碼分享