Css div在Chrome中徘徊時無法正常工作

我製作的定價表不是使用<table>標籤，而是使用<div>標籤。它在Firefox中正常工作，但在Chrome中無法正常工作。當您將某個div懸停在Chrome中時， z-index屬性不起作用。這裏是它的小提琴 http://jsfiddle.net/JmLRe/Css div在Chrome中徘徊時無法正常工作

以下是未懸停或處於正常狀態時的圖像。

enter image description here

這裏，當它在Firefox中徘徊。

enter image description here

但這裏問題所在鉻。

enter image description here

請告訴我，我做錯了在CSS。

來源

2014-03-31 user3443160

由於這是一個實際的表，這是罕見的倍「表」標籤是合適的一個。我沒有進入你的CSS indetail，但我懷疑如果你將它轉移到這些標籤，你的CSS會自行排序，因爲網格是表標籤的自然狀態。 – BFWebAdmin

看到這個小提琴http://jsfiddle.net/JmLRe/2/。現在它的工作 – Kumar

題外話 - 我認爲定價表看起來非常甜！ :) –

詹姆斯的解決方案是不是真的工作很適合我。它只修復了premium部分。

添加position: relative;到.table-item:hover似乎所有的部分工作：

.table-item:hover{ 
    position:relative; /* Added this */ 
    transform:scale(1.08); 
    -webkit-transform:scale(1.08); 
    z-index: 1; 
}

來源

2014-03-31 12:18:41

工作就像一個魅力:) – user3443160

@以前，你是對的+1 :) – James

試試這個

#premium:hover{ 
    position:relative; 
    z-index: 1; 
}

來源

2014-03-31 12:14:56 James

Css div在Chrome中徘徊時無法正常工作

回答

相關問題