gooブログにおける見出しの背景画像について

質問

gooブログを始めたばかりです。テンプレートカスタムブルーでCSSを編集し、下記のように見出しh1 h2 h3の後ろに背景画像を設定しようとしたのですが、画像の上に文字が乗りません。画像のポジションを調整することもできません。どうしてなのでしょうか？

どなたかおわかりの方、ご教示ください。よろしくお願いします。

h3{
width: 640px;
font-size: 1.1em;
background-image : url(midashi13.png);
background-position: 0px 0px;
background-repeat: no-repeat;
font-weight: bold;
color: #007200;
}

回答No.2

ORUKA1951 · ベストアンサー

CSSにエラーがないとすると、次にチェックすべきはカスケーディングです。カスケーディングスタイルシート(CSS)をお使いですから、CSSの命ともいえるカスケーディングの仕組みはご存知だと思いますから、失礼かもしれませんがお許しください。
1)出所
　ユーザーの最重要宣言＞著者の最重要宣言＞著者のスタイル＞ユーザーのスタイル＞デフォルト(ユーザーエージェントの持つスタイル
2)継承されるかされないか
3)詳細度
4)出現順位
　の順番でしたね。
h3 はタイプセレクタですから詳細度は[0 0 0 1]ですから、
・ユーザーの最重要宣言や著者の最重要宣言がされていないか
・backgroundは継承されませんから無関係
・他により詳細度が高い宣言はないか
　　div.section h3{}詳細度[0 0 1 2]があれば、h3[0 0 0 1]では上書きできません。
・それらが同じなら、その指定より後に宣言して上書きしていないか
を確認します。
　分かりにくい場合は、ウェブ開発されているならfirefoxをご利用だと思いますが、開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )にFirebugと言うアドオンがあります。それを使って該当する要素に対するスタイル指定を確認できます。

お礼

すみません。当方の単純な見落としでした。よくみたら先に宣言されたものがありました。貴重なお時間を頂いてしまって申し訳ありませんでした。

回答No.1

ORUKA1951

＞画像の上に文字が乗りません。
と言うことは、画像は表示されているということですね。
なら、
background-image : url(midashi13.png);
以降にエラーがあってスタイルシートが解釈できないということになります。
W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_input )
でチェックしてみましょう。

補足

早速、回答頂きありがとうございます。ただ、先のCSSを検証の結果、下記のように表示されました。
「おめでとうございます！ この文書は正当な CSS レベル 3 として検証できました!」

他に考えられることはありますでしょうか？