快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 如何无需淘宝CSS权限做出伪悬浮的效果?

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

放大字体  缩小字体 发布日期:2024-06-09 09:36:21  来源:电商联盟  作者:乐发网  浏览次数:43

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

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝神笔子账号设置方法 7个步骤打造史上最牛详情页
淘宝店铺装修如何实现全屏轮播 【官方】旺铺新功能多端同步页使用教程
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问