CSS中设置一张图片横着为背景 如何再加一张图片竖着为背景

html-css09

CSS中设置一张图片横着为背景 如何再加一张图片竖着为背景,第1张

做两层DIV,嵌套如下:

<div 背景设置成你的横背景,位置是剧中置顶(top center)>

<div 背景是你的横向背景,使用一张从上到下,从透明到白渐变的png图片,横向平铺 ></div>

</div>

=========

另外,这样的设计有一定的浏览器兼容问题。半透明PNG在IE上支持的不好,所以建议你修改设计,把两层背景切到同一张图片上,并且控制前面内容的数量和位置。

还有任何问题欢迎随时联系。

没比要用nobr,常见的做法是定义css

<style type="text/css>

#menu a{display:blockfloat:left}

</style>

<div id="main" style="float:leftwidth:100pxheight:500px">

<div id="left" style="float:left width:20pxheight:20px padding-right:10px">

<div id="l1"></div>

<div id="l2"></div>

<div id="l3"></div>

</div>

<div id="middle" style="float:left width:20pxheight:20px padding-right:10px">

<div id="m4"></div>

<div id="m5"></div>

<div id="m6"></div>

</div>

<div id="right"style="float:left width:20pxheight:20px padding-right:10px">

<div id="r7"></div>

<div id="r8"></div>

<div id="r9"></div>

</div>

</div>

思路,一个大div main里面放三个小div 左中右

左边放三个div 左1左2左3,float左浮动。一定要设置长宽,这样才能浮动。

同理 中间放三个,右边放三个。。