：之後在<img>元件出乎意料的結果

部＃單結果> DIV> div.horizontal渦卷> DIV IMG { 高度：200像素; margin-right：4px; 位置：相對; }

和佈局或多或少是這樣的：

<div class="horizontal-scroll"> 
    <div> 
     <img alt="" src="path.jpg"> 
      <img alt="" src="path.jpg"> 
      <img alt="" src="path.jpg"> 
    </div> 
</div>

的事情是，我想第一個圖像的頂部的箭頭，所以我用僞元素後

嘗試

section#single-result > div > div.horizontal-scroll > div img:first-child:after { 
    background: none repeat scroll 0 0 red; 
    content: " "; 
    display: block; 
    height: 100%; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 100%; 
    z-index:9999; 
}

但這甚至不會顯示在它上面的一個紅塊，

任何想法，我失去了什麼？是這樣的：之後與img不按預期工作？

來源

2013-07-23 Toni Michel Caubet