Question

CSS中整样才能把网站背景图片多余的隐藏起来？

我的背景图片代码是这样子的。整张图宽是1400PX。但是我用一个15寸的小本看看。整个网站出现了。“横滚动条”。请问有没有CSS代码可以把显示不出来的隐藏？请问各位大虾！
我的代码如下：
.quanju{ width:1400px; height:4087px; background-image:url(../images/bg.gif);}
有人会吗？

让背景图片中间不变。2边的多余隐藏，这样可以的吗？！！

Answer 1

可以通过设置宽度来实现隐藏多余的图片，但是不建议这样做。
1、开发网站过程中需要使用的图片都是美工提前处理，遇到不合适的需要使用Photoshop进行裁剪操作，不适合使用代码来处理图片。
2、过大或者不合适的图片容易造成浏览器的兼容问题或者维护不便，另外也影响占用带宽。

Answer 2

style="background:url(路径) center center;"
这样的话可以把背景图片居中 css设置背景本身就是多余部分隐藏这的
如果不是背景可以用 style=" overflow:hidden;"来隐藏

Answer 3

多余的背景图片隐藏起来这样做：例：.content img { width:100%; height:auto; overflow:hidden；background:url(../images/bg.jpg) no-repeat center center;}这样做就可以把多余的背景图片给隐藏起来了。

一般来说，css样式很强大。特别是css3，功能更多了，也很方便了。有很多效果都可以直接用纯css3来实现。这也是时下最热门的一门技术。

Answer 4

.quanju{ width:auto; height:4087px; background-image:url(../images/bg.gif) center no-repeat; overflow:hidden}

不要设置宽度, 设置宽度 小本看的话 宽度显示不完会出现滚动条。

Answer 5

.quanju{
background:url(../images/bg.gif) no-repeat center top;
}
你试一下。