廣告
请使用 http://www.luhui.net 網址高速訪問本站,歡迎關注微信公衆賬号:guanfu8 平台長期發布海量社科數據, 本站QQ交流群:84142868 探讨人文理想,共謀和諧世界!
黄金广告位招租,投放热线15900718107,13386070835 详情查看=》   鲁之虺:“  上网就是搜索,生活就是分类,科技服务大众,信息引领生活,地方分类站长,开启您的事业之旅。生活分类信息整体提供商:http://huike.luhui.net”。
×

鲁虺繁体中文社区

 找回密碼
 立即註冊
廣告

 

查看: 95802|回復: 0

[网店运营] 如何无需淘宝CSS权限做出伪悬浮的效果

[複製鏈接]
發表於 2018-10-22 06:35:59 | 顯示全部樓層 |閱讀模式
廣告
搜索看看︰如何无需淘宝CSS权限做出伪悬浮的效果
廣告
开淘宝店装修时很重要的,店铺有些效果不容易做出来,我们都知道淘宝官方把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>
   <!--悬浮链接结束-->
有其他宽度需要改的可以在代码里面进行改动,希望能给大家带来帮助!
廣告
您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

广告

廣告
操作系统 Fuchsia OS  |Microsoft Windows  |Android  |Chrome OS  |Novell  |Linux  |Mac OS X  |Unix  |FreeBSD  | Ubuntu
廣告

QQ|關于我們|聯繫我們|合作共赢|免責聲明|隐私条款|Archiver|手機版|拘留所|申請友鏈|付款方式|鲁虺繁体中文社区 |贊助我們 -

GMT+8, 2026-5-16 06:43 , Processed in 0.092005 second(s), 11 queries , WinCache On.

Powered by HCMS 1.0

© 2004-01-11 鲁虺文化网 版权所有

快速回復 返回頂部 返回列表