當你的圖片是用<img src=''>置入div時可以利用此方法

來裁切掉你的圖片

(ps 所以當你是用background的方式用css置入圖片的話

就可以利用css指令background-position與設定width操控你要顯示的位置瞜)

 

 

html結構如下:

(預設圖片要裁掉上面10px 原圖檔長寬為50px)

 

<div class='pic'>

<img src='/images/cabuchi.jpg'/>

</div>

 

 

css部分如下:

div.pic{

overflow:hidden;

width:50px;

border:1px solid #ccc;

}

img{

margin-top:10px;

}

 

來源:http://blog.darkthread.net/post-2008-12-23-css-image-crop.aspx

cabuchi 發表在 痞客邦 PIXNET 留言(0) 人氣()