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

前端之家收集整理的这篇文章主要介绍了CSS(webkit):在绝对定位的元素上覆盖底部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题,重写一些插件CSS。直接编辑CSS不是一个选项,因为它会更新插件更有风险。

问题:元素具有绝对定位,并且在原始中具有top:0px。我想要覆盖它底部:0px。

为了举例

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

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

在firefox这工作确定(底部:0是应用的风格),但safari / chrome似乎没有超过顶部:0。

我可以解决这个问题,但它会是很高兴得出一个干净的解决方案。

解决方法

使用top:auto将“reset”重置为其 initial value

底部是一个完全独立的属性到顶部(an element can have both a top and bottom),所以也许你不会需要底部了。

此外,请确保您的覆盖选择器是specific enough,但它听起来不像这是这种情况下的问题。

猜你在找的CSS相关文章