開淘寶店裝修時很重要的,店鋪有些效果不容易做出來,我們都知道淘寶官方把fixed屬性屏蔽了,現在沒辦法使用懸浮效果了。只能通過購買模塊或者其他方法來實現。那么下面給大家講解一種簡單的懸浮方法,以及相應的優缺點。希望能為大家店鋪裝修帶來一點幫助!
1、優點:無需調用官方一些懸浮的CSS來實現,也不需要擔心會失效,可以說會永久使用。
2、缺點:當然既然不是直接寫fiexd屬性實現,那肯定有自己的缺陷,就是只能實現單個懸浮鏈接,如果想實現很多分類的鏈接,那就需要其他方法來破解了。
下面是代碼:
1.<!--懸浮鏈接-->
2. <div class="footer-more-trigger miser-fiexd" style="border:0px; padding:0px; width:190px; height:auto; ;top:0px; left:auto;">
3. <a href="#" target="_blank">
4. <div class="sn-simple-logo most-footer"
style="border:0;padding:0;opacity:1;width:140px;height:9999999px;left:385px;top:110px;border:none;padding:0;overflow:hidden;background:none;"> </div>
5. </a>
6. </div>
7. <!--懸浮鏈接結束-->
下面是懸浮使用方法:
1、可以通過自定義模塊背景固定或者直接通過固定背景代碼,在頁面背景先做出一個懸浮的圖片
2、然后將這段代碼放進任意一個自定義模塊里面,通過調整參數來控制鏈接的位置
<!--懸浮鏈接-->
<div class="footer-more-trigger miser-fiexd" style="border:0px; padding:0px; width:190px; height:auto; ;top:0px; left:auto;">
<a href="#" target="_blank">
<div class="sn-simple-logo most-footer" style="border:0;padding:0;opacity:1;width:140px;height:9999999px;left:385px;top:110px;border:none;padding:0;overflow:hidden;background:none;"> </div>
</a>
</div>
<!--懸浮鏈接結束-->
有其他寬度需要改的可以在代碼里面進行改動,希望能給大家帶來幫助!
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 如何無需淘寶CSS權限做出偽懸浮的效果?