css:z-index出乎意料地工作

时间:2014-11-04 11:28:50

标签: css css3

在此网页上Voting System当您将鼠标光标移动到相机图标上时,我会有午餐图片。包含图像的span具有z-index 1000,表具有z-index 1,但是图像显示在表下。你能帮我吗?出了什么问题?

2 个答案:

答案 0 :(得分:2)

您的所有表都有z-index 1,因此它们处于同一级别,并且源顺序将决定哪些表在它们重叠时会在另一个表之上。

您的图片可能具有更高的z-index,但它们包含在您的表格中。

z-index不是全局的,它们适用于"堆叠上下文"。每当你为一个元素(以及其他一些css属性,如你的情况下的不透明度或变换)添加一个z-index时,这个元素就会为它所包含的子元素创建它自己的堆栈上下文。

答案 1 :(得分:0)

您将不得不使用不同的定位。例如:

imageclass{
  position:absolute;
}

如果不这样做,则元素相对于其父元素定位。 如果这不起作用,请包括您的代码,因为仅仅查看网页不足以完全诊断问题。

Link to more info about positioning