使用CSS更改框架的样式

时间:2013-02-06 13:52:06

标签: css stylish

我正在从测试和试用中学习一些CSS,并且无法通过网络搜索找到解决此特定问题的方法。

我帮助一个正在学习英语的人,她在小屏幕上使用了很多Google翻译。我已经能够隐藏谷歌的工具栏和令人讨厌的“下载谷歌浏览器”弹出窗口(我使用的是时尚):

.jfk-butterBar.jfk-butterBar-info.jfk-butterBar-shown {
  display:none!important;
}

#gb {
  display:none!important;
}

#gt-appbar {
  display:none!important;
}

问题是:它们是隐藏的,但翻译的网站留在框架上,框架的顶部空间从70px到160px不等。我正在谈论的相应代码片段在这里:

<div id="contentframe" style="top: 70px; left: 0px;">

这是搜索后我能想到的最好的,但不起作用:

#contentframe {
  top: 0px;
}

谢谢!

1 个答案:

答案 0 :(得分:2)

您需要使用top: 70px;规则超过内联样式!important的特异性。

#contentframe {
    top: 0 !important;
}