2009年12月11日 星期五

只顯示圖片的某個部份

有些時候圖片太大,只想顯示圖片的某個部份,又不想切圖的時候,可以使用這個方法。

就在圖片的前面加入css的設定值,如
<div style ="height:50px; width:50px; overflow:hidden;">
<div style = "margin: -25px 0 0 0;">
<img src=" url/img.jpg "/>
</div>
</div>


先用一層 div 區塊來固定圖片的大小,並設定超過區塊大小的圖片即影藏,再用第二區塊來控制要顯現圖片的哪一部份,然後用margin調整圖片的位置,就可以任意顯現圖片的任一部分嚕~~

沒有留言:

張貼留言