【復活求む!】惜しくも解散してしまったバンド|J-ROCK編 >>

はてなブログでデザイン「smooth」を使っています。
カスタマイズは初心者です。

下記URLなのですが
https://yamaguchikenji.hatenablog.com/
メインの背景色とサイドバーの背景色が
同化しません。

/* サイドバー背景 */
.hatena-module {
background-color: #eee; /*サイドバーモジュール背景色*/
}

を入れ、メインの背景色も
#eeeにしているのですが
上手くいきません。

方法があれば教えていただけますでしょうか。
よろしくお願いいたします。

A 回答 (1件)

これって、htmlをやり始めて、最初のハマリ処。


background-color属性は子へ引き継がれない。
bodyで幾ら背景色を指定しても、

content
content-inner
wrapper
main
main-inner
entry-inner

これ等の<div>には引き継がれない。透明になる。
ベースが白だから、透明divが透けてベースが見えている。

解決策
1ドット程度の□の図形を用意し、色を#eeeで作る。
その図形をbodyで繰り返し敷き詰める。

body{
background: url(img/xxx.gif) repeat; ← 追加する。

body以下の要素が同じ事していたらアウト。

<div>の入れ子を精査しないと抜けが出るかもしれない。
入れ子図を書いて、よく調べないといけないから、相当に面倒。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング