怎么把淘宝首页背景图固定?

做了一张1420*762的图片做背景,但我想怎么把背景图固定,就是说鼠标怎么往下拉也不动背景,只动中间950像素的部位?有哪位高手可以说下?

1、需要准备好一张像素1920*1080背景图片。如图所示

2、打开淘宝图片空间>指定好文件夹>点击上传图片>在弹出新窗口点击上传>选择已经准备好的背景图点击打开完成上传。如gif图中所示。

3、图片空间链接复制方法,点击背景图中的链接标志,就可以复制成功。

4、可以进入店铺装修>在导航栏上点击编辑,进入后要用的代码全部复制body{background-image:url(图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;} 

6、黏贴代码之后的图:

5、回车后,可以看到淘宝首页背景图固定,最后完成图如下:

温馨提示:答案为网友推荐,仅供参考
第1个回答  2020-08-03

1、ps中新建一个1920x1080的空白文档,命名为“淘宝首页背景大图”,然后如果要纯色的,可以直接填充想要的颜色,如果想要做成背景图片,也可以把要做的图片拖进去。

2、然后新建一个950x1080的文档,双击背景图层,变成普通图层,填充一个颜色。



3、把这个文档拖动到之前新建的淘宝首页背景大图中,放到中间的位置,把之前想要当背景的图片拖动到这个背景图层上面的一个图层,把绿色图层的眼睛点掉,导出一张jpeg的图片,上传到图片空间。



4、在导航栏处点击编辑按钮,点击“显示设置”按钮。body{background:url(图片地址) no-repeat fixed center top transparent;},点击“确定”按钮。



5、接下来一步很关键,点击页面最上面的装修下拉里面的“样式管理”,选择左面的“背景设置”然后点击“页面设置”接下来背景颜色的对号去掉,点击“保存”,之后点击发布就ok了,就可以去查看效果了。

本回答被网友采纳
第2个回答  2014-01-06
1.把背景上传到图片空间
2.去店铺装修——装修——样式管理——背景设置——页面设置——(把原图片删除,背景色不显示)
3.
在去店铺专修主页面,在导航栏进行编辑,导航——显示设置——输入代码body{background-image:url(图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}
此图片地址就是上传到图片空间的链接
第3个回答  2013-11-01
在<导航> -- 显示设置--键入代码:body{background-image:url(图片地址);background-repeat:no-repeat;background-position:bottom center;background-attachment:fixed;}
第4个回答  推荐于2016-07-20

具体方法如下。

    准备好一张像素1920*1080背景图片。

    打开淘宝图片空间>指定好文件夹>点击上传图片>在弹出新窗口点击上传>选择已经准备好的背景图点击打开完成上传。

    点击背景图中的链接标志,就可以复制成功。

    进入店铺装修>在导航栏上点击编辑,进入后要用的代码全部复制body{background-image:url(图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

    选择显设置>>粘贴代码>>到空间复制链接>>覆盖图片地址点击确定完成。

    预览看下效果,满意了就点击发布。

本回答被网友采纳
相似回答