CSS 图像裁剪

Question

我有这样一张图片:

<img src="[path to image]" width="100%" class="clipthis" />

我的目标是从右边和左边剪掉 10%。我已经按照那里的各种教程进行操作，但似乎没有一个能够满足我的需求。 CSS 裁剪不是我的答案吗？

.clipthis {  
  position: absolute;  
  clip-path: rect(100%, 10%, 100%, 10%);
}

Answer 1

不幸的是，clip 和 clip-path 属性不允许您将四个坐标定义为百分比:

http://www.w3.org/TR/CSS2/visufx.html#propdef-clip

相反，尝试用像素来定义它们:

例子

.clipthis { 
  position: absolute;
  clip-path: rect(50px,50px,50px,50px);
}