2009-11-20 80 views
0

我遇到了問題,我的鏈接在一些嵌套元素中變爲無效。我遵循了一些關於通過Andy Budd的教程創建圓角盒子的指導。無論如何,除了當我將鏈接標籤包裝在幾個副本上時,它一切都很好。我還是一個初學者,所以也許這是一個簡單的解決方法,但是我已經花了好幾天的時間,現在試圖自己弄清楚,似乎無法得到它。CSS幫助請! CSS嵌套元素去激活鏈接

爲了解決這個問題,鏈接在我將在下面列出的「box」元素之外的任何地方工作,並且我已經雙擊和三重檢查了「box」元素中的鏈接是否正確寫入,它是。 CSS甚至可以找到鏈接並正確設置它的樣式,但是,鼠標功能似乎被禁用。這一切都有意義嗎?下面是CSS,任何幫助將不勝感激......

這是創建盒的代碼,它工作正常...

.box { 
    width:831px; 
    background:url(../imgs/box-spacer.gif) repeat-y; 
} 

.box h1 { 
    background:url(../imgs/box-top.gif) no-repeat left top; 
    padding-top:40px; 
    font-weight: normal; 

} 

.box .last { 
    background:url(../imgs/box-bottom.gif) no-repeat left bottom; 
    padding-bottom:60px; 

} 
.box h1, .box p { 
    padding-left:60px; 
    padding-right:60px; 
} 

這是我用來測試的頁面看到代碼它作爲一個鏈接...

.box h1 a:link { 
    color:#00CCFF; 
} 

.box h1 a:hover { 
    color: #FF0066; 
} 

它改變了正常的顏色,而是懸停不工作,如果你點擊,它不會在任何地方連接你。同樣,該鏈接在頁面上正確寫入。任何人都可以幫忙嗎?我很感激。另外,如果有幫助的話,該網站在http://www.fiddlergroup.com/zygote。我用於測試的特定頁面是「名稱中的內容」頁面。正如你所看到的,所有的代碼和頁面以及哪些都不是非常簡單,似乎無法弄清楚如何解決這個奇怪的問題。

回答

0

問題出在您的#holder元素上z-index: -100。點擊事件在body元素上結束,並且沒有將其關閉到鏈接。消除負Z指數,它應該工作。