wnlt.net
当前位置:首页 >> Div背景图片不重复 >>

Div背景图片不重复

你的css里面没有设置背景图片啊

<head><style>.content{background:url(图片地址) no-repeat scroll top center 颜色;}这个样式就是加背景图片,后面接的底色.</style></head><body><div class="content">里面放内容<.div></body>

注意少个空格,后面加个分号,另外必须设定宽度和高度background:url(images/03.jpg) center center no-repeat;第二个方法用距离background:url(images/03.jpg) 10px 10px no-repeat;

#page{width: 1002px;height: auto;background:url(images/bg.gif) left top repeat;}html:<body><div id="page"> <div id="" class=""></div></div></body>

document.getelementbyid('pic1').style.backgroundimage="url(images/bg2.jpg)";是可以改变的,我刚试了.要不就是你图片相对地址写的有问题,要不就是那个div你没有设置width 和height属性

background:url(11.jpg) no-repeat; no-repeat就是不重复不平铺的意思

background-repeat: no-repeat; /* 不平铺 */ 然后是铺满容器的问题,如果忽略IE内核的浏览器,用css3属性background-size: 100%;轻松解决,要兼容的话可以设一个背景层放在容器的下方,背景层里面放你的背景图片,宽高设为跟容器一样,然后把容器的背景设为透明即可.

目前好象不可能.只能做图片,然后用定位,在js控制随浏览器大小变化

.nobgrepeat{background:url(背景图片地址) left top no-repeat;} (这个样式可以直接放在网页文件head标签对的<style</style标签对中,然后在调用时直接用<div class=nobgrepeat</div,也可以另外放在单独的css文件中) left:直接用left代表背景图片靠到div最左边,可以用数字代替,比如10px,来控制背景图片距离该div左边的距离.top:同left repeat的取值还有repeat-x,repeat-y,分别表示沿x轴重复和y轴重复.

这应该是背景被覆盖的问题吧,你试试,把left 和right两个盒子的背景颜色设置为透明就可以了.

whkt.net | mqpf.net | 9371.net | 9213.net | zmqs.net | 网站首页 | 网站地图
All rights reserved Powered by www.wnlt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com