1

我正在制作一个 tumblr 主题，并使用绝对定位和 z-index 将一些元素放置在页面上，以控制其他元素之上的内容。出于某种原因，我的链接变得不可点击，我将包含内容的 div 的 z-index 更改为较高的数字，但它不会使它们可点击。我无法弄清楚代码中的错误是什么。这是我拥有的CSS。

p.blogPost { text-indent: 30pt; text-align: justify;
}
p.blogTags { 
    font-family: 'Lobster Two', cursive; 
    color: #de2424;
    text-align: right;
}
body { 
    font-family: 'Oxygen', sans-serif; 
    margin:0px; }
h1.postTitle { 
    font-family: 'Lobster Two', cursive; 
    color: #de2424; 
}
h2.dateText {
    font-family: 'Lobster Two', cursive;
    color: #f1e8da;
}
#container { 
    width: 940px; 
    margin: auto; }
#blogContentWrapper { 
    width:940px; 
    position:relative; 
    overflow: hidden; }
#blogHeaderRibbon { position: relative; top: 20px; z-index: 3;
    }
#blogBottomRibbon { position: relative; top:-190px; z-index: 3;
    }
#dateTab { position: relative; left: -50px; top: 90px; }
#dateText { position: relative; top: -93px; left: 10px; }
#blogContent { 
    position: relative;
    top: -83px;
    width: 780px; 
    margin: auto; 
    background-image: URL('images/eggshell.jpg');
    z-index:2;
    }
#blogPostContent { 
    padding: 30px; 
    z-index: 3;
    }

你可以在这里查看开发页面 http://secretmblrtheme.tumblr.com

在这里设置一个 jsFiddle：http: //jsfiddle.net/grngf/2/

4

1 回答 1

3

根据您的 tumblr 网站，您的#blogContentz-index 为 -1，位于#blogContentWrapper. 尝试将其更改为 1，并增加要放在其前面的其他元素的 z-index（如果有）

于 2012-11-08T02:14:40.653 回答