リセットCSSに「HTML5 Doctor CSS Reset」を使うとAdSenseの読み込み時の背景が黄色くなる件

なんか格好悪い…

新しいテーマの作成作業も最終段階になってGoogleAdSenseの表示テストをしてたんですが、何故かAdSenseの読み込み時の背景が黄色くなる変な現象に悩んでました。

読み込み時の背景が黄色いとなんだかとっても見た目が悪くて格好悪い。今までこんなこと無かったのにどうして黄色くなっちゃうんだろうと思って調べてみたら、犯人は予想外のヤツでした（汗）この記事ではAdSenseの読み込み時の背景が黄色くなってしまったときの対処法をご紹介します。

犯人はリセットCSSだった・・・

Google Adsenseが表示される前の黄色い背景を消す方法

ググってヒットしたこちらの記事によると、どうやらリセットCSSの「HTML5 Doctor CSS Reset」の中に、GoogleAdSenseのソース内で使われてるinsタグの背景色を黄色にするっていう指定がされてるみたい。

そうだ…今までリセットCSSはYahoo! (YUI 3) Reset CSSを使ってたけど、HTML5で作るときは「HTML5 Doctor CSS Reset」の方がいいって聞いたので、頑張って「HTML5 Doctor CSS Reset」を使ったんだった(；´Д｀)

[CSS]2012年最も人気のあったCSSリセットとどれを使えばいいかの指針、と上手に使うポイント | コリス

半信半疑で「HTML5 Doctor CSS Reset」の中身を覗いてみると・・・

[css highlight=”3″]
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
[/css]

たしかに背景が黄色くなる設定がしてありました。この記述を弄れば問題が解決できそうですね。参考にしたブログでは別途リセットCSSの下側に配置する自分で作成したCSSに、修正したモノを記述して上書きしてましたが…

滅多に「 insタグ」なんて使わない（たぶん死ぬまで使わない？）と思ったのと、メインカラムとそのほかの部分で背景色が違うので複数指定するのが面倒だったから・・・リセットCSSを直接編集しました。

[css highlight=”3″]
/* change colours to suit your needs */
ins {
/*background-color:#ff9;*/
color:#000;
text-decoration:none;
}
[/css]

こんな感じで背景色をコメントアウトしました。
この後ブログを確認してみましたが、ちゃんとAdSenseの読み込み時の背景色が無くなったので…問題解決です★