css - 悬停时更改 z-index

Question

我正在尝试更改图片帖子的 z-index，当您将鼠标悬停在它们上方时，它会出现在前面并覆盖白色的大文本。不确定我在这里做错了什么......

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 的 z-index 设置为高于 100。

所有图片都在 #wrapper div 中，它的 z-index 小于它的兄弟 .subtiles，所以即使你为 #wrapper 的 child 设置更高的 z-index，它不会排在前面。

并且您在页面的多个位置使用了多个#post。您不应该在多个地方使用 id，而是使用类，它们仅用于此目的。