如何讓我的標籤背景坐在我的div背景之上？

Question

Newb question。我正在嘗試使用z-index，但它似乎沒有像我期望的那樣工作。這裏是我的代碼：

<a id="favoritelink" href="#" style="margin-left: 600px" class="addtofavorites" title="Add to Favorites"></a> 
<div class="description" style="margin-top: -18px"> 
    Some description 
</div> 

在CSS中，我指定的z-index爲.DESCRIPTION爲1和.addtofavorites爲10 #favoritelink有偏移的方式關閉該頁面的背景圖像和文本（它本質上是一個圖像鏈接）。 .description的背景仍然位於.addtofavorites背景之上。

我希望.addtofavorites背景處於最佳狀態。

下面是.addtofavorites的CSS和.DESCRIPTION：

.description 
{ 
    background:#efefef; 
    width:600px; 
    max-height:500px; 
    padding:12px; 
    z-index:1; 
} 
.addtofavorites 
{ 
    background:url(img/plus.png) no-repeat center; 
    background-size:75%; 
    display:block; 
    text-indent:-9999px; 
    width:51px; 
    height:56px; 
    margin-right:6px; 
    z-index:10; 
} 

Answer 1

你必須使用position: relative或position: absolute爲z-index工作。

編輯：基於http://jsfiddle.net/GndRj/4/ 您的代碼，倒是position: relative並降低利潤率左上.favoritelink，使其在預覽窗口中顯示出來。