懸停時更改z-index

Question

我試圖改變圖像文章的z索引，當您將鼠標懸停在它們上面時，它會在前面並覆蓋大白色文本。 不知道我做錯了什麼在這裏...

http://hkumbrella.tumblr.com/

圖像後的CSS：

#post img { 
width:100%; 
z-index: -100; 
} 
#post img:hover { 
opacity:1; 
z-index: 100000 !important; 

白色文字CSS（2014）：

.subtitle2{ 
top:45%; 
left:2%; 
font-family:arimo; 
font-weight:bold; 
color: white; 
text-transform:uppercase; 
font-size:75px; 
letter-spacing:-3px; 
text-align:center; 
position: fixed; 
z-index:100; 
color: #FFFFFF !important; 
{block:Permalink}display:none;{/block:Permalink} 
} 

Answer 1

設置#wrapper「 s z-index higher then 100.

所有圖片都在#wrapper格內，其z-index小於其兄弟.subtiles，所以即使您爲#wrapper的子女設置較高的z-index，也不會出現在前面。

並且您在頁面的某處使用#post倍數。你不應該使用id多個地方，而是使用類，他們只是爲了這個目的。