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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS中整样才能把网站背景图片多余的隐藏起来?相关的知识,希望对你有一定的参考价值。

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

让背景图片中间不变。2边的多余隐藏,这样可以的吗?!!

可以通过设置宽度来实现隐藏多余的图片,但是不建议这样做。
1、开发网站过程中需要使用的图片都是美工提前处理,遇到不合适的需要使用Photoshop进行裁剪操作,不适合使用代码来处理图片。
2、过大或者不合适的图片容易造成浏览器的兼容问题或者维护不便,另外也影响占用带宽。
参考技术A style="background:url(路径) center center;"
这样的话可以把背景图片居中 css设置背景本身就是多余部分隐藏这的
如果不是背景可以用 style=" overflow:hidden;"来隐藏
参考技术B 多余的背景图片隐藏起来这样做:例:.content img width:100%; height:auto; overflow:hidden;background:url(../images/bg.jpg) no-repeat center center;这样做就可以把多余的背景图片给隐藏起来了。

一般来说,css样式很强大。特别是css3,功能更多了,也很方便了。有很多效果都可以直接用纯css3来实现。这也是时下最热门的一门技术。
参考技术C .quanju width:auto; height:4087px; background-image:url(../images/bg.gif) center no-repeat; overflow:hidden

不要设置宽度, 设置宽度 小本看的话 宽度显示不完会出现滚动条。本回答被提问者和网友采纳
参考技术D .quanju
background:url(../images/bg.gif) no-repeat center top;

你试一下。

div+css怎么样控制文本两行显示多余的行数隐藏

看看图片说明

参考技术A 减少宽度, 或者用JS取多少字符,后面的隐藏 参考技术B 直接设置textarea的col为2不可以吗追问

可以说的具体点吗?我截图你看看

参考技术C no-repeat 参考技术D <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<style type="text/css">
.text
height: 40px;
overflow: hidden;
width: 300px;
word-wrap: break-word;

</style>
</head>
<body>
<div class="text">
only two only two only two only two only two only two only two only two only two only two only two only two only two only two only two
</div>
</body>
</html>
问题说明:
首先把高度固定了,然后使用overfow:hidden; 把超出部分隐藏,效果请运行代码查看本回答被提问者采纳
第5个回答  2012-05-22 好像没有直接控制行数的标签、
可通过设定高overflow实现

晕死,你高度减少点不就行了,这问题还要问

以上是关于CSS中整样才能把网站背景图片多余的隐藏起来?的主要内容,如果未能解决你的问题,请参考以下文章

css问题,怎样才能让网站在600~640的范围之内适应屏

div+css怎么样控制文本两行显示多余的行数隐藏

谁知道CSS怎样控制DIV隐藏

怎样才能用div和css把网页布局的很美观?

CSS中的背景图片在手机上不正确

div+css怎么样控制文本两行显示多余的行数隐藏