在html 的img属性里只显示图片的部分区域(矩形,给出开始点和结束点),其他部份不显示,也不要拉伸

在html 的img属性里只显示图片的部分区域(矩形,给出开始点和结束点),其他部份不显示,也不要拉伸

方法1：

<div style= "position:absolute;left:0px; top:0px;width:600px; height:400px; clip:rect(10px 30px 30px 10px) "> <img src= "1.jpg "> </div>

rect ( number number number number ) : 　依据上-右-下-左的顺序提供自图片左上角为(0,0)坐标计算的四个偏移数值，其中任一数值都可用auto替换，即此边不剪切

你需要rect ( startY endX endY startX )

方法2：

也可以这样写：

<img src= "1.jpg " width= "600 " height= "300 " style= "position:absolute;left:0px; top:0px;clip:rect(100px 300px 300px 100px) ">

存在的弊病：采用绝对定位，使定位困难

.fleft_tp{background:url(/resource/moneychat/style/images/quamnet/bg_head_home2.jpg) no-repeat fixed 360px 0px;overflow:visible;width:710px;height:90px;}