css - 无法剪辑图像（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

参考

Answer 2

你失踪;后hidden

这是你缺少的成分：

display: block;

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

Answer 3

根据剪辑属性语法，您错过了坐标之间的逗号。