为什么clip属性仅适用于position：absolute或position：fixed的元素

Question

为什么clip属性仅适用于position：absolute或position：fixed的元素。为什么它不适用于相对或静态定位。 继承人是我的代码。 Fiddle

<span>Hover me</span>
<img src="http://sambuh.com/assets/images/news%20headlines/bukhara-autumn1.jpg">



img {
  position: absolute;
  left: 10px;
  top: 60px;
  display: block;
  clip: rect(200px, 0, 0, 400px);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

span:hover ~ img {
  clip: rect(0px, 400px, 400px, 0);
}

Answer 1

因为它没有。规范says so。

为什么规范说这是一个非常不同的问题，我没有答案：）

Answer 2

对于您的问题，需要了解各种css定位属性之间的区别。

以下是一些有用的链接：

1. CSS clip properties with various positions
2. Difference b/w CSS Positions
3. Practical Explanation of CSS Positioning