对了,rect的取值规则是: Top, right, bottom, and left specify length values, any of which can be replaced by auto, leaving that side not clipped. The value of top specifies that everything above this value on the Y axis (with 0 at the top) is clipped. The value of right specifies that everything above this value on the X axis (with 0 at the left) is clipped. The value of bottom specifies that everything below this value on the Y axis (with 0 at the top) is clipped. The value of left specifies that everything to the left of this value on the X axis (with 0 at the left) is clipped.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<img src="http://zi.csdn.net/468.60_3.gif" STYLE="position:absolute;top:0;left:0;
clip:rect(0px 50px 50px 0px)" />
</body>
</html>
Top, right, bottom, and left specify length values, any of which can be replaced by auto, leaving that side not clipped. The value of top specifies that everything above this value on the Y axis (with 0 at the top) is clipped. The value of right specifies that everything above this value on the X axis (with 0 at the left) is clipped. The value of bottom specifies that everything below this value on the Y axis (with 0 at the top) is clipped. The value of left specifies that everything to the left of this value on the X axis (with 0 at the left) is clipped.
r1c1.jpg, r1c2.jpg
r2c1.jpg, r2c2.jpg
Fireworks可以轻松处理这个任务。然后在程序里面根据需要调用需要的小图,辅以DIV层, css属性的overflow:hidden; left:33px; top:22px; clip:rect(3,4,5,6)等来实现。
谢谢!