Pourquoi la propriété de clip ne fonctionne que sur les éléments avec position: absolute ou position: fixed

Question

Pourquoi la propriété clip ne fonctionne que sur les éléments avec position: absolute ou position: fixed. Pourquoi cela ne fonctionnera pas avec un positionnement relatif ou statique. heres est mon code. 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

Parce que ce n'est pas le cas. La spécification says so.

Pourquoi la spécification dit est donc une question très différente que je n'ai pas de réponse à :)

Answer 2

Pour votre question besoin de comprendre la différence entre les différentes propriétés de positionnement css.

Voici quelques liens utiles:

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