html - 在 Chrome 中悬停时，CSS div 无法正常工作

Question

我没有使用 <table> 制作了一个定价表标签，但带有 <div> tags.Its 在 Firefox 中运行良好，但在 chrome 中运行不正常。当您将 div 悬停在 chrome 中时，z-index 属性如何不起作用。这是它的 fiddle http://jsfiddle.net/JmLRe/

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

在 Firefox 中悬停时显示在此处。

但这里的问题出在 chrome 上。

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

Answer 1

James 的解决方案对我来说效果不佳。它只修复了 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;
}