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



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM