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

html-css010

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

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

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

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

用margin-bottom负值就可以实现你想要的效果了,假如img的父元素是一个class为box的div

<div class="box">

<img src="abc.jpg" />

</div>

那么在css里面只要这样定义就可以了:

.box {height:100%overflow:hidden}

.box img {margin-bottom:-30px}

这样不管图片的高度是多少,底部的30像素都会被隐藏了~~