首页 文章

CSS(webkit):覆盖绝对定位元素的顶部顶部

提问于
浏览
76

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

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

为了举个例子

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

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

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

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

2 回答

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

    使用 top: auto 至"reset" topinitial value .

    bottomtopan element can have both a top and bottom)的一个完全独立的属性,所以也许你不再需要 bottom .

    另外,请确保您的覆盖选择器是specific enough,但在这种情况下它不会出现问题 .

相关问题