CSS(webkit):在绝对定位元素上覆盖顶部与底部

Question

我在覆盖一些插件CSS方面遇到了问题.直接编辑CSS实际上不是一个选项,因为它会使更新插件更具风险.

问题:元素具有绝对定位,并且在原始元素中具有顶部:0px.我想通过底部覆盖它:0px.

为了举个例子

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

在Firefox上这个工作正常(底部:0是应用的样式),但safari/chrome似乎没有超过顶部:0.

我可以解决这个问题,但提出一个干净的解决方案会很好.

Answer 1

使用top: auto"重置" top,以它的初始值.

bottom是一个完全独立的属性top(一个元素可以同时具有top和bottom),所以也许你不再需要bottom了.

此外,请确保您的覆盖选择器足够具体,但在这种情况下听起来不是问题.

Answer 2

.my .element { position: inherit !important; top: auto; }