无法剪辑图像（css）

Question

我想要使用style.clip裁剪图片

<div><img src="someimage.jpg" style=" z-index:1000; width:200px; height:200px; position:absolute; top:10px; left:10px; clip:rect(30px 15px 30px 15px); overflow:hidden;" id="zoom1"/></div>

但它不起作用。图像消失了。

为什么不裁剪图像？

Answer 1

您正在应用的形状为0px width, 0px height

剪辑适用：

rect(<top>, <right>, <bottom>, <left>)

当你的顶部和底部相等以及左边和右边相等时，没有像素可以显示。

你的剪辑来自：

Horizontally: 15px to 15px == 0px to display
Vertically: 35px to 35px == 0px to display

Reference

Answer 2

;

之后你遗失了hidden

这是你缺少的成分：

display: block;

小提琴：http://jsfiddle.net/6XGV3/

Answer 3

根据clip property syntax你错过了坐标之间的逗号。