Css div在Chrome中徘徊时无法正常工作

Question

我制作的定价表没有使用<table>标签，而是使用<div>标签。它在Firefox中完美运行但在chrome中无法正常工作。当你在chrome中使用div时，有些z如何-index属性不起作用。这是它的小提琴  http://jsfiddle.net/JmLRe/

这是未悬停或处于正常状态时的图像。

此时它在Firefox中徘徊。

但问题在于铬。

请告诉我我在css中做错了什么。

Answer 1

詹姆斯的解决方案并不适合我。它只修复了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;
}

Answer 2

试试这个

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