Question

求css高手隐藏图片的一部分的html代码

比如我现在用<img>标签显示一张图，图的宽度和高度是变化的 怎么样用css或者js 在显示图片的时候 不显示从底部朝上比如30像素的内容 就是把图片底部的30像素图像隐藏 非常谢谢大家

Answer 1

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

Answer 2

<style type="text/css">
img {position:absolute;clip:rect(0px 750px 700px 0px)}
</style>
<img src="jpg.jpg" width="750" height="800" />

这样的话图片的下半部分被裁切了100px,望采纳下！！！