手机
当前位置:查字典教程网 >电子商务 >淘宝店铺装修 >如何无需淘宝CSS权限做出伪悬浮的效果
如何无需淘宝CSS权限做出伪悬浮的效果
摘要:开淘宝店装修时很重要的,店铺有些效果不容易做出来,我们都知道淘宝官方把fixed属性屏蔽了,现在没办法使用悬浮效果了。只能通过购买模块或者其...

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

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;

!--悬浮链接结束--

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

【如何无需淘宝CSS权限做出伪悬浮的效果】相关文章:

分享一个淘宝女装详情页的装修方法

如何基础版店铺做全屏店招

淘宝详情页怎样配置用户说模块

淘宝宝贝描述里的横线怎么添加的

淘宝店铺装修信息流的逻辑性

如何制作淘宝宝贝详情页

淘宝鞋品类海报设计教程

如何设计出买家喜爱的店铺首页?

如何打造一张淘宝海报 淘宝海报排版构图技巧

如何用代码制作全屏海报的方法

精品推荐
分类导航