在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;}