CSS - Materialisecss - 自动覆盖模态顶部属性

时间:2015-12-03 15:39:50

标签: css modal-dialog

我正在尝试在我的网站上放置一些tuto模式,所以我将它们放在position:fixed中,并希望它们位于我给出的顶部和左侧属性..

在我的检查员中,顶级属性似乎已自动更改为top:10% ...为什么? :/

JSFiddle

1 个答案:

答案 0 :(得分:1)

因为top: 10%; 注入作为#test元素的内联样式,并且由于它是链中的最后一个样式定义,因此具有“更高等级”:

ghpages-materialize.css 内部<style> 内联style=".."

但是,您可以使用!important来否决内联样式:

#test {
  position:fixed;
  margin:0px;
  top:400px !important;
  left:0px;
  width:400px;
  height:160px;
  border-radius:40px;
}

更新小提琴 - &gt;的 http://jsfiddle.net/amm85rrs/14/