首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修代码

    如何无需淘宝CSS权限做出伪悬浮的效果?

    2015-07-23 15:26:56 人气:8960

    开淘宝店装修时很重要的,店铺有些效果不容易做出来,我们都知道淘宝官方把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>

       <!--悬浮链接结束-->

    有其他宽度需要改的可以在代码里面进行改动,希望能给大家带来帮助!

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    开淘宝店

    开淘宝店

    淘宝店要怎样开?开淘宝店步骤又有哪些?这是很多新手都关注的问题,开淘宝店很简单,但是想开好淘宝店却是需要细心和耐心。在淘宝,一夜暴富不是梦,你怎能还不动心呢?赶紧趁此大好机会让小编教你开好淘宝店吧!

    详情>>
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议