Question

求div+css 高手帮忙看看代码 如何让div就加载一次图片

<div1 style="background:url(2.jpg);">
<div2 style="width:100%px; height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#CDC5BF;">这里是透明的DIV
</div1></div2>

如何实现2jpg 就加载一次并且居中
但是不会改变到 div2 的宽度 div的宽度是100% 的

Answer 1

为什么你的div标签还带有数字<div1><div2></div1></div2> 而且嵌套的顺序也不是这样的，第二个DIV的width：100%就可以了，不用再加px

<div style="background:url(2.jpg);">
<div style="width:100%;height:330px;.............">

</div>
</div>

你试试

追问

着段的宽度 被2jpg的图片 限制到了
100%的宽度就等于2.jpg图片的宽度
我想 这段的100%的宽度是浏览器100%的宽度

追答

因为 这个层在图片的那个层里，肯定会被限制的，这个100%的宽度是图片的宽度的100%，你也可以把外面的div去掉，把图片的背景放到里面来，这样的话你试试，是不是你想要的结果，你想要的是什么效果，具体的，你能用图片的形式拼起来，表现一下吗

Answer 2

你说的应该是不平铺吧 background-image:url() 图片路径
background-position:center top;背景图居中靠上
background-repeat:no-repeat不平铺 repeat-x 横向平铺 repeat-y纵向平铺
合起来写就是background:url(2.jpg) no-repeat center top;

Answer 3

<div1 style="background:url(2.jpg);">
修改成
<div1 style="background:url(2.jpg) no-repeat center; ">

Answer 4

什么叫就加载一次，你刷新一次，一次请求就加载一次，你是不是说背景图片不循环啊

Answer 5

搂猪的代码好乱啊，，还是从头学起吧