【はてなブログ】サイドバーの背景色

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

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

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

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

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

No.1 回答者： t_fumiaki 回答日時： 2019/02/02 14:53

これって、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>の入れ子を精査しないと抜けが出るかもしれない。
入れ子図を書いて、よく調べないといけないから、相当に面倒。