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 Web サイトに基づくと、#blogContentz-index は -1 で、下に積み上げられてい#blogContentWrapperます。それを1に変更してみて、その前に置きたい他の要素のz-indexを増やしてください（もしあれば）

于 2012-11-08T02:14:40.653 に答える