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

html-css020

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

可以通过设置宽度来实现隐藏多余的图片，但是不建议这样做。

1、开发网站过程中需要使用的图片都是美工提前处理，遇到不合适的需要使用Photoshop进行裁剪操作，不适合使用代码来处理图片。

2、过大或者不合适的图片容易造成浏览器的兼容问题或者维护不便，另外也影响占用带宽。

第二种按理来说应该是对的，为什么没生效应该从其他地方找原因，比如css的调用方式。

建议把css文件与所用到的图片放在同一个文件夹，这样就可以省略路径，直接写图片文件名。

另外，引号可以加，也可以不加。

二、解决方法二

如果不处理照片方法适应DIV有限宽度，那可以对DIV设置隐藏超出内容方法。只需要对DIV设置宽度后加入CSS样式“overflow:hidden”即可解决隐藏图片比DIV过宽部分解决撑破DIV问题。

三、解决方法三

对图片img标签中只加入宽度即可解决。这样可以等比例缩小图片，不会影响图片画面质量。

比如你的网页DIV宽度为500px，那你上传图片后对img标签设置width等于500以下即可。

<img

src="图片路径"

width="小于你的DIV宽度"

/>即可解决图片过宽导致DIV

SPAN撑破，这样好处可以等比例放大缩小图片。

四、CSS解决撑破方法四

这种方法使用CSS直接对div内的img进行宽度设置，这样不好是如果图片过小会影响网页浏览图片时候效果。

Div结构：<div

class="divcss5"><img

src="图片路径"

/></div>

对应CSS代码：.divcss5

img{width:宽度值+单位}