ウェブページの背景色を変更できないことがあります。たとえば、一部のサイトでは、クロムコンソールのdocument.body.bgColor = "red"と入力するだけで、背景色が一時的に変更されます。しかし、StackOverFlowのような他のサイトでは、これは動作しません。ブラウザは既にページを読み込んでいるので、ローカルに表示する方法を変更する必要があります。何故なの?背景色を変更する
背景色を変更する
答えて
Chromeでは、DOMインスペクタを使用して、計算されたボディスタイルと、この計算されたスタイルをもたらすCSSルールの継承/オーバーライドを確認できます。
document.body.style.backgroundColor
(bgColor
プロパティではない)を設定すると、ここで実際に背景色を変更できることがわかります。それは、より高い特異性を持つ別のルールがあるかどうかにかかっています。 DOMインスペクタがそうであるかどうかをあなたに伝えます。
CSSはあなたの答えです。
document.body.style.background="red";
CSSスタイルは、要素のプロパティを優先してみてください。
これを行うと言っていますか、それは置き換えられているので、サイトの使用方法に関係なく背景色が変わりますか? –
さて、はい。ページの背景色が変わります。それはあなたが見る色を変えないかもしれません。多くのサイトでは、独自の背景色を持つコンテナdivや背景色を持つdiv内のdivを使います。 – FrankieTheKneeMan
これを行うと、背景もここで変更されます。しかし、DOMインスペクタで見ることができるように、背景はあなたが実際に見るものではありません。これはcontainer
と呼ばれるdiv
です。このdivの背景を変更すると、変更が表示されます
編集:ああ、私はコンテナが透明であることを確認します。したがって、document.body.style.backgroundColor
を使用してください。 :)
体の背景の色はいつでも設定できます。ただし、必ずしも現在のビューの背景を反映しているとは限りません。さらに、あなたが課す定義よりも要素のために、より具体的な定義がある場合、それらは依然として使用されます。したがって、あなたが正しいから「なぜ」という理由はありません。いつでもページをローカルで変更することができます。
htmlで体の背景色を変更できます。このコードのようなCSSプロパティを使用してください。
<html>
<head>
<style>
body {
background-color: red
}
</style>
</head>
<body>
</body>
あなたは、このリンクで http://www.webclasses.in/css-background/
この質問は、基本的なCSSプロパティではなく、Javascriptを使用してプログラムによって背景色を変更することです。 –
- 1. 変更背景色
- 2. 変更背景色スライダ-NAV
- 3. マウスイベントの背景色を変更する
- 4. xyplot()の背景色を変更する
- 5. UIButtonの背景色を変更する
- 6. ラジオボタンの背景色を変更する
- 7. ランダムラベルの背景色を変更する
- 8. メニューの背景色を変更する
- 9. jQueryで背景色を変更する
- 10. プログレッシブウェブアプリの背景色を変更する
- 11. ボタンの背景色を変更する
- 12. ツールバーボタンの背景色を変更する
- 13. NSAttributedStringの背景色を変更する
- 14. anglejsで背景色を変更する
- 15. ValueAnimatorで背景色を変更する
- 16. UINavigationBarの背景色を変更する
- 17. select2背景色を変更する
- 18. 変数iOSで背景色を変更
- 19. mouseleave div、背景色を灰色に変更、mouseleaveでdiv内でQtip、背景色をピンク色に変更
- 20. プレースオートプレイトフラグメントの前景色と背景色を変更します
- 21. WP8銀色のステータスバーの背景色を変更するには?
- 22. qwebviewの背景イメージ、色、フォントの色を変更するには
- 23. 変更JComboBoxの矢印の背景色
- 24. ASM変更CMDの背景色
- 25. 変更のRichTextEditorの背景色
- 26. winformの変更ツールヒントの背景色
- 27. UISearchControllerのUINavigationBar背景色の変更
- 28. jQueryの変更の背景色
- 29. Androidレイアウトの背景色の変更
- 30. 背景色の変更firefox/chrome
1を体の色を変えるにはより多くのプロパティを確認することができ、我々は我々がすべきメタでこれを提案すべきだと思いますか? 'document.body.style.background =" pink ";' – Jeroen
@Jeroen実際にはあまりにも悪くはありません。 –