美浩工作室是一个以90后团队为主的网站设计,制作,优化,维护为一体的网站建设工作室,为您量身定制适合企业自身的网站,欢迎咨询:15249241469

天猫淘宝店铺首页固定背景的代码和方法

HTML/CSS mihoweb 1529℃ 0评论

其实搞过天猫淘宝店铺装修的都清楚,往往重点都是店铺首页的展示,现在淘宝开放的比较多,不过在模板设置方面还是只有淘宝设计师才可以操作,也就是交过1w保证金的设计师才能操作得了一些功能。当然如果你只是想大概装修一下,那也是可以的,比如我今天要说到的这个天猫店铺和淘宝店铺首页的固定背景的方式。都是通用的。(自身购买的设计师模板自带这个功能的可以忽略了)

taobaotianmao

很简单,背景固定在网页代码里面其实并不难,是因为淘宝一直不开放这个功能,可是现在明显是开放了,那么你要做的就是先上传一张背景图片到你的图片空间,建议是1920*1080像素大小的图片。(下图就是示例的淘宝背景图)

06D58PIC8HF_1024

       不要说你不知道怎么在图片空间里面上传图片?好吧,这个gif图可以帮你!

800-600.85ff0778ca6a480c665abf80862fdb4bed67a6eb_cqwt_71_cqwt1_t.4be993

       然后图片上传完毕后复制你上传图片的地址,这个就不说了,再不会的话,就不用看了。(还有脸做淘宝!!!)

       接下来就是比较简单性的操作了,打开店铺首页的装修,然后找到你的导航栏目,右上角有一个编辑点击后进入编辑,进入导航菜单,里面有两个选项,导航设置和现实设置;

QQ截图20151105180117

       然后选择“显示设置”,在下面的文本框中输入:

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

       记得哪个图片地址的地方就是你刚才上传的图片的地址,然后点击确定就可以了。其实就已经完了。天猫或者淘宝首页的背景已经固定了。

       不过记得,如果你的模板自带固定背景,那么此方法会被覆盖掉,也就是说优先权是现实模板自带固定背景的,再才显示这种代码方式的。自己可以把控好就可以了。

转载请注明:美浩工作室官方博客 » 天猫淘宝店铺首页固定背景的代码和方法

喜欢 (56)