如何z-index父母的背景

所以這就是我想要做的。如何z-index父母的背景

<div class="gallery"> 
<a href="link_to_large_image.jpg" style="z-index:2; position:relative; background: url(roundedcorners.jpg) norepeat;"> 
<img src="thumbnail.jpg" style="z-index:1; position:relative;" /> 
</a> 
</div>

在畫廊我試圖把<a>（和它的背景）標籤，它是在與z-index頂部<img>標籤的父。這樣我可以爲圖像添加圓角。

但看起來不管我做什麼它把圖像下面的<a>（這是圓角）的背景。

任何人都知道修復？這裏是鏈接http://ewsbuild.com/~markdemi/gallery.html

來源

2011-09-28 Ross

什麼？我不知道你想要什麼。 – mowwwalker

請注意，您需要包裝您的html標籤，如下所示：''''爲了不被剝離。並請縮進你的代碼塊，以便它們1）不被剝離和2）格式正確。 – Dave

使用PNG。使用具有z-index集的div的div。 – SQLMason

如果你想上的圖像圓角，只是做：

.lightbox{ 
    border-radius:15px; 
    -moz-border-radius:15px; 
}

您可以更改半徑和哪些因素會影響課程。

來源

2011-09-28 19:39:43 mowwwalker

，現在可以在舊版瀏覽器 – Ross

哦，這是真的。你使用什麼背景圖片？您可以使用javascript在圖像前添加div，並在背景上添加相同的大小。 – mowwwalker

哦，我得到它的工作不是一樣乾淨的代碼，因爲我想http://ewsbuild.com/~markdemi/gallery.html，但它的工作原理 – Ross

的問題是雙重的：

當你提高的z指數a你養其子的z-index的了，所以，你不能有效地做這個做什麼。降低img標籤的z-index應該做到這一點。
z-index僅適用於定位元素。因此，您需要將position:relative添加到您添加z-index的任何內容（假設它當然沒有位置）。

來源

2011-09-28 19:41:28 Dave

我添加了possition：相關並使z-index IMG是1仍然沒有做任何事情。 – Ross

在a標籤內放置一個div，並將以下樣式應用於每個div。

background: url("images/gallery/Giallo-Sienna-Fireplace.jpg") no-repeat scroll 0 0 transparent; 
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
height: 153px;

來源

2011-09-28 19:47:39 CBRRacer

如何z-index父母的背景

回答

相關問題