1

私はテストとトライアルから CSS を少し学んでいますが、Web 検索でこの特定の問題の解決策を見つけることができませんでした。

私は英語を学んでいる人を手伝っています。彼女は小さな画面で Google 翻訳を多用しています。Google のツールバーと煩わしい「Google Chrome のダウンロード」ポップアップを次の方法で非表示にすることができました (私はスタイリッシュを使用しています)。

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

#gb {
  display:none!important;
}

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

問題は、それらが隠されているのに、翻訳された Web サイトがフレームに残り、上部に 70px から 160px までのスペースがあることです。私が話している対応するコードは次のとおりです。

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

そして、これは検索後に思い付くことができる最高のものですが、機能しません:

#contentframe {
  top: 0px;
}

ありがとうございました！

4

1 に答える 1

2

ルールtop: 70px;を使用して、インラインスタイルの特異性を上回る必要があります。!important

#contentframe {
    top: 0 !important;
}
于 2013-02-06T14:00:27.190 に答える