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像素都会被隐藏了~~