Question

div+css切图 关于css样式背景的布局问题

我用dreamweaver切图，电脑分辨率是1280*768，div+css切图的时候，我在css样式里面把一张width：1903px；height：1071px；的图片作为背景图，因为颜色差异太大，不能直接repeat-x，这样预览的效果就是网页自动切了前面1280*768的部分图片，我想知道怎么样才能预览的时候是整张完整的背景图，不让网页自动切断。附CSS代码： /* CSS Document */ body{ margin:auto; padding:0px; line-height:26px; font-family:"宋体"; font-size:12px;background: url(../images/index-bg.jpg) center; } img{ border:0px;} h1,h2,h3,h5,h6,p,form{ margin:0px; padding:0px;} ul,li{ list-style-type:none; list-style-image:none; margin:0px; padding:0px;} a{color:#000;text-decoration:none;} a:hover{text-decoration:underline;} /* -- 去IE点击虚线 --*/ a {blr:expression(this.onFocus=this.blur())} area {blr:expression(this.onFocus=this.blur())} a:focus {outline:none;}/*FF*/ /* -- 去IE点击虚线 -- */

Answer 1

index-bg.jpg 是这个图片吗？因为你图片尺寸和你整个网页尺寸大小不同，一定是会自动切掉一部分 。 我这样说吧，你肯定就明白了。尺寸大小不一样也没有关系。 比如你整个网页尺寸是： 1280*768 你的图片尺寸是：width：1903px；height：1071px 那么你做的时候，就需要进行图片的定位，background:url(../Images/tb.png) 0px -58px; 后面和0和-58就是以X和Y的方向对图片进行要显示的定位点的开始。 如果你的整个网页尺寸是自动适应的，则你的图片如果不进行尺寸定位，在不同分辨率下显示的结果也一定是不一样的。background: url(../images/index-bg.jpg) center; 看你这个写法就清楚了。 所以总结一下就是要搞清楚1个问题，你整个图片的尺寸和你定义的网页布局尺寸是怎么个关系，哪个大？哪个尺寸小？如果你的网页尺寸比图片大就简单了，你的那个写法就正确。没有问题。