CSS截取图片大小

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<img src="http://img2.126.net/xoimages/auto/20091125/200×60.gif"   style="position:absolute;clip:rect(20px 104px 30px 10px);" />
</body>
</html>

图片必须绝对定位 截取的效果是 104px宽 30px高 以原图片x轴10px y轴20px的地方为起点

这个东西似乎很少有地方用到 但还是觉得挺有意思的 知道有这么个意思就行了 呵呵

Write a comment