日期:2014-05-17 浏览次数:20645 次
在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;}