絕對<img>沒有顯示出來（在正確的位置）

我試圖在絕對定位中顯示圖像。這是在正確的地方。 http://gyazo.com/f1c545fe183c741d92c9466eacdbd020 它只是不顯示了，我想不通爲什麼...提前絕對<img>沒有顯示出來（在正確的位置）

.active{ 
    background-color: #8b9dc3; 
    font-weight: 600; 
    position: relative; 
} 

.driehoek{ 
    position: absolute; 
    left:28px; 
    top:29px; 
} 

<ul> 
       <li class="active"><a href="#" ><span class="driehoek"><img src="images/navdriehoek.png" alt=""/></span>Home</a></li>

感謝。

來源

2014-12-03 Thibault Fouquaert

您發佈的內容不允許我們查看您遇到的問題。請發佈完整的代碼示例。 – j08691 2014-12-03 20:52:48

@ j08691：http://jsfiddle.net/9r4ou50m/這是我的JSF，我希望你可以用它做點什麼。 – 2014-12-03 21:12:46

試圖在這裏猜。看起來你的絕對定位的圖像在它的父元素之後被內容重疊。嘗試在.driehoek選擇器上添加z-index: 10;。

或者某些父元素可能有overflow: hidden;。

來源

2014-12-03 20:56:43 saNs

更改z-index不起作用。 – 2014-12-03 21:08:25

那麼'overflow：hidden;'怎麼辦？正如@ j08691所說，很難說沒有看到實際的標記。 – saNs 2014-12-03 21:12:53

它確實是溢出：隱藏。謝謝！ – 2014-12-03 21:20:32

絕對<img>沒有顯示出來（在正確的位置）

回答

相關問題