鏈接不可點擊絕對定位和z-index

我正在製作一個tumblr主題，並使用絕對定位和z-index來控制一些元素放置在頁面上，以控制其他元素之上的內容。出於某種原因，我的鏈接已變得無法點擊，我將div內容的z-index更改爲較高的數字，但不會使它們可點擊。我無法弄清楚代碼中的錯誤。這是我的CSS。鏈接不可點擊絕對定位和z-index

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/

來源

2012-11-08 Carlos Perez

關於濫用行爲的評論已被enhzflep刪除。 :) – enhzflep

哈哈，這只是爲本地測試目的填充文本，我忘了我寫在那裏。我不好的兄弟，並不意味着冒犯了任何人。 –

沒有戲劇。對公衆拍手抱歉。過去我在源代碼中留下了其他類似的塊。 :-) – enhzflep

根據您的tumblr的網站，你#blogContent的z-index爲-1，這是下疊#blogContentWrapper。嘗試將其更改爲1，並增加要置於其前面的其他元素的z-index（如果有）

來源

2012-11-08 02:14:40 bondythegreat

現在檢查一下，我把它改成了10，它應該是一切事物的最佳選擇。仍然不可點擊。 –

我檢查它是#blogPostContent有z-index 10.它不會幫助，因爲容器（#blogContent）是相對的...並且它仍然是-1。我的建議：嘗試最小化位置（和z-索引），並嘗試玩邊距，因爲我看到一些元素使用不具備屬性的位置屬性。恕我直言（但現在，讓我們專注於需要哪個z-索引更改）。 – bondythegreat

這似乎在使鏈接可點擊工作，但隨後出現問題，因爲我想要頂部的紅色絲帶，我使用z-index將蛋殼背景推到功能區下。 –

鏈接不可點擊絕對定位和z-index

回答

相關問題