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);
}