• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 搞笑文章 > 正文

    简单的固定背景装修教程|微信界面背景

    时间:2020-05-24来源:山茶花美文网 本文已影响 山茶花美文网手机站

    我们很多卖家其实在淘宝店铺装修中都是花了很多心思的,但是有些东西还做的有点美中不足,那就是固定背景。

    简单来说固定背景就是当我们将店铺的首页往下拉的时候,两侧始终会跟随着往下移动,这也是为什么那些大卖家的店铺装修都会弄成这样的,如果我们将固定背景装修好了的话,是不论我们怎么拉动页面都是可以让我们两边的促销文案、活动信息、二维码等等展示给买家看,而实现这个功能一般需要通过代码来实现。固定背景效果,如图中:

    简单的固定背景装修教程1

    1.固定背景代码:

    body{background:url(图片地址) no-repeat center;background-attachment:fixed;}

    2.样式讲解:

    body 是整个页面的基本元素,也是最外面的的一个HTML标签;

    background 是背景样式,其中url里面的是背景图片地址,no-repeat 代表图片不平铺,center 代表图片居中;

    background-attachment 是最关键的,规定背景图片是固定还是滚动,这里我们设置的当页面的其余部分滚动时,背景图像不会移动;

    3.固定背景装修教程如下:

    固定背景的图片需要提前上传到图片空间,建议使用1920PX宽度的大图,中间950PX是被店铺主页面挡住的,不显示。

    1)打开店铺装修

    2)点击导航栏区域的编辑按钮

    3)点击显示设置

    4)复制代码进入(如果有导航栏CSS自定义代码,请回车后直接加在代码后面)

    简单的固定背景装修教程2 简单的固定背景装修教程3

    注意:店铺背景设置中的颜色和图片必须取消,这一点也是至关重要的,否则将会覆盖掉刚才的样式设置,无法看到效果。

    在线生成固定背景代码:/tbzx/gdbj/gdbj.html

    • 简单的固定背景装修教程|微信界面背景 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全