很多人会在淘宝店设置自己的背景图片,但有时会发现滚动页面时背景图片无法固定,需要一些技巧来解决。
背景图片的固定可以通过CSS样式表来控制。具体方法如下:
<div class="background-image"></div>
.background-image {
background-image: url(你的背景图片路径);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
height: 100%;
width: 100%;
position: fixed;
z-index: -1;
}
在上述代码中,“background-image”表示背景图片;”background-repeat表示图片不重复;”background-attachment”表示图片固定;”background-position”表示图片位置在中间;”height”和“width表示图片占据了整个页面的高度和宽度;”position表示图片使用固定定位;”z-index表示图片处于底层。
如上述方法无法解决,也可尝试设置页面背景色。具体方法如下:
<bodyposition: fixed; top: 0px; left: 0px; z-index: -1;">
在上述代码中,“background-color”表示背景色;”top”和“left表示图片相对于页面左上角的位置;”z-index这意味着图片处于底层。需要注意的是,在使用这种方法时,背景图片需要作为一个元素进行控制。
以上是固定淘宝背景图片的两种方式,可以根据自己的需要选择合适的方式。
相关文章
-
拍拍旺铺美化代码大全
为了让拍友们更方便快捷以及更有质量的装修拍拍店铺,下面如何开网店的小编整理了拍拍旺铺美化代码大全,让你轻轻松松搞装修。,将以上代码中[]改为<>加入到[自定义店铺活动区域内容]代码中即可。
2024-03-21 10:18 -
怎样让你的店铺在不同的浏览器都能很好的展示
因为我这边使用的是IE6,原代码在IE6和火狐下均严重错位,考虑到现在还有很多用户使用IE6,我们能决定自己使用的浏览器版本,却无法获知买家使用的是什么浏览器,所以修改了代码,让它尽可能兼容更多的浏览器,现在兼容IE6、IE7和火狐以及其他以IE为内核的主流浏览器。
2024-03-21 10:07 -
2012新旺铺导航解析
2012旺铺导航装修,进入"店铺装修",点击导航处"编辑",选择右侧的"显示设置"装下列自己需要的CSS代码对应复制进去再改点东西就行,首页导航栏的文字出现背景.menu-list.menu-selected.link.title{background:none}导航背景色代码.menu-list.link{background:#颜色代码;}导航栏文字.menu-list.menu.title{
2024-03-21 09:30 -
淘宝导航栏怎样去除背景和边框?
现在的导航如上图,感觉超级难看,有什么办法把"首页"的背景以及边框去除呢并且导航栏的文字有些偏下了,怎样把文字向上一点呢附上我的CSS,烦求高手们指点下,先谢谢了[code].skin-box-bda{color:rgb(38,38,39);font-weight:normal;}.snd-pop-innera{color:#FFF;}.snd-pop-innera:hover{color:#FF
2024-03-21 09:17 -
分享一个淘宝导航装修代码
淘宝旺铺】导航CSS代码使用修改技巧1.修改导航分类下面的背景色,代码如下:.skin-box-bd.link{background:#000000;}修改导航分类下面的图片,代码如下:.skin-box-bd.link{background:url(图片链接);}2.修改整个导航的背景色.skin-box-bd.menu-list{background:#000000;}修改整个导航背景为图片.
2024-03-21 08:56 -
天猫淘宝新旺铺设置店铺固定背景代码教程
天猫背景图参考:http://img02.taobaocdn.com/imgextra/i2/911543064/T27HTMXhNbXXXXXXXX_!!911543064.jpgC店背景图参考:http://img01.taobaocdn.com/imgextra/i1/198804649/T2Ha41XCpaXXXXXXXX-198804649.jpg2、然后到自己的店铺首页去装修>点
2024-03-21 08:56 -
用简单的方法做出高大上的页头
我叫刘称龙,很高兴也很荣幸在这里跟大家见面,相信很多朋友都在位装修犯愁,等下我把我所知道的装修方法毫无保留的跟大家分享,可以说裸享吧裸奔都过时了……先露个脸↓↓没办法,理发师傅给我正了个金馆主的发型,这发型确实挺难驾驭的!,ps做图,把需要添加上的的添加上,比如店名啊,公告啊====等等,做好之后,保存(废话来着哈,不保存怎么弄)2.保存图片后,我们进入店铺装修界面↓没有做之前是酱紫的,↑这边这边
2024-03-21 08:15 -
导航栏怎么变透明
事不宜迟,下面我们来说说,透明的导航栏应该怎么做?,我们尝试在CSS上做功夫。,步骤介绍:1、卖家中心->店铺装修->找到导航栏编辑按钮2、然后打开编辑,看提示窗口找到(显示设置)点击后看到白框就是CSS自定义框。
2024-03-20 13:47 -
装修经验 制作全屏背景图
今天,小编为大家带来全屏固定背景的制作教程。,把上述代码复制粘贴到旺铺的CSS自定义框里。,1:在店铺的装修后台,点击编辑按钮;如下图所示:2:看到“显示设置”之后,点击后看到白框就是CSS自定义框。
2024-03-20 13:14 -
绿色简约手机数码家电类淘宝店铺装修免费模板
页头下边距10像素:关闭背景显示:平铺背景对齐:居中步骤二:装修--页面管理--首页--自定义店招--复制粘贴“01淘宝店铺招牌.txt”文件内容。,导航条--编辑--显示设置--复制粘贴下面的css代码:.skin-box-bd.menu-list{background:none;}.all-cats{background:none;max-width:auto;width:auto;_widt
2024-03-20 13:10
热门标签
-
淘宝打标
2024-05-15 19:00
-
淘宝上门取件
2024-05-15 19:00
-
淘宝直播回放
2024-05-15 19:00
-
淘宝自动回复
2024-05-15 19:00
-
淘宝客服怎么找
2024-05-15 19:00
-
淘宝直播怎么看
2024-05-15 19:00
-
淘宝怎么看直播
2024-05-15 19:00
-
淘宝退货率
2024-05-15 19:00
-
淘宝门
2024-05-15 19:00
-
怎么删除淘宝订单
2024-05-15 19:00
-
淘宝退店
2024-05-15 19:00
-
他淘宝
2024-05-15 19:00
-
淘宝购物金
2024-05-15 19:00
-
淘宝直播软件
2024-05-15 19:00
-
淘宝直营店
2024-05-15 19:00
-
淘宝ai
2024-05-15 19:00
-
淘宝查重
2024-05-15 19:00
-
淘宝超时发货
2024-05-15 19:00
-
邮箱注册淘宝
2024-05-15 19:00
-
淘宝问大家
2024-05-15 19:00