css位置属性在chrome 29中不起作用

Question

我遇到了新版Chrome 29的问题。 我将div的css设置为

    .dijitBorderContainerPane, .dijitBorderContainerNoGutterPane {
     position: absolute !important;
     z-index: 2;
     }

它在firefox IE和chrome 25到28上正常工作。 但没有在chrome 29上正确显示。

请帮帮我。

Answer 1

使用浏览器html/css inspector检查样式是否已正确添加。并检查是否还有其他内容覆盖您的设置。

Answer 2

首先使用inspect元素查看元素使用的样式 另一个提示是，当您使用位置属性的绝对值时，您应该设置位置（左，上，右，下）参数，如果没有这些参数，您将无法获得结果。如下：

.dijitBorderContainerPane, .dijitBorderContainerNoGutterPane {
 top: 12;
 left: 20;
 position: absolute !important;
 z-index: 2;
 }

这只是一个例子