div鏈接只覆蓋div的一半

我想創建一個基於代碼在這裏創建一個CSS翻轉動畫：http://davidwalsh.name/css-flip但我想也使整個div在翻轉的背面鏈接，我發現從這裏@thepeer答案：https://stackoverflow.com/a/3494108/1818828 */div鏈接只覆蓋div的一半

我把它們放在一起在這個的jsfiddle這裏：http://jsfiddle.net/gmdavis62/PB7j8/14/ （注意只測試/設計的webkit至今）

.link{ /*Important:*/ 
    height:160px; 
    width:160px; 
    position:relative; 
} 
.back a span{ 
    position:absolute; 
    width:100%; 
    height:100%; 
    top:0; 
    left: 0px; 
    z-index: 1; 
}

我的問題是，上翻頁（懸停在圖片上）鏈接只覆蓋div的右半部分。我試着調整寬度和左側的屬性，但沒有任何效果。我也嘗試過移動空餘的鏈接，並將其鏈接到其餘內容之外，但沒有任何更改。

我的div有一個CSS紅色輪廓，所以我可以看到它們在哪裏，除了.link被偏移之外，它沒有解釋鏈接被關閉。這裏發生了什麼事？

來源

2014-02-24 gmdavisUX

h4標題有一個默認的margin-top。將它設置爲0，你很好。小提琴：http://jsfiddle.net/PB7j8/20/

h4 
{ 
    margin-top: 0; 
}

來源

2014-02-24 15:39:15 iappwebdev

這有助於保證金。但是我更大的問題是該列表僅在div的右半部分。 – gmdavisUX

我不理解你的意思。 – iappwebdev

div鏈接只覆蓋div的一半

回答

相關問題