css布局问题,高手来!!!

发布网友发布时间：2022-04-06 11:16

我来回答

共4个回答

热心网友时间：2022-04-06 12:45

如果用table布局的话，可能会出现兼容性的问题；举例如下

<div>

<tr>

</tr>

</table>

</div>

如果要用div布局的话，两个背景分别放到各个div里面是无法实现的，必须要把2张背景图片在切图的时候就切在一起，图片中间要留有有中间内容部分宽度的空挡；然后在设定背景的时候背景图片居中， background:url(bg.png) center center no-repeat;width:600px;

然后中间内容的部分设定为width:600px; height:700px;

再说明一下楼上那位的办法，他的办法有局限性，针对不同的分辨率可能会比较难看，因为他那种方法，左边的背景图片是居左的，右边的图片是居右的，按照一般的美观来说，背景最好是贴着内容部分进行伸展，而不要贴着页面边缘；如果2个图片都做得过长，那也容易出现问题，比如每张图片做的比内容部分宽度大，那浏览器缩太小就容易露出某个图片的一部分，会很难看，但如果宽度又不够长，分辨率太大或者浏览器拉太宽的时候，图片就不会挨着内容部分，这样也会难看

热心网友时间：2022-04-06 14:03

css3倒是支持多背景。
对于楼主的描述还是想象不能呃~

把背景图贴上来瞅瞅呗

热心网友时间：2022-04-06 15:38

说思路
页面两边背景不一样就要给背景设置到两2个标签里
比如第一个给BODY设置左边的背景
然后再写一个DIV。设置右边的背景同时设置这个DIV WIDTH：100%，height:auto;

热心网友时间：2022-04-06 17:29

加入{ background: left no-repeat;}