ブラウザによって見え方が違う? | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

ご訪問ありがとうございます。
ブログランキングの応援
をして頂けると励みになります。

ここをクリックしてくださいね。
      ダウン
宝石赤人気ブログランキング
宝石ブルーFC2ブログランキング



前回の記事はGoogle Chromeで確認しながら記事を投稿し、
記事投稿欄の背景画像も下記の通りに正常に表示されていました。

記事投稿欄の背景画像
Firefoxでも同じように表示確認できました。



ところが、Internet Explorer で確認したところ、
下記の通り、背景画像が表示できていません。

Internet Explorerでの背景画像の表示



この現象は、下記の通り、
CSSを変更することにより解決できました。



変更前CSS:
/* ■スクロールバーの設置■ */
.skinArticleBody {/* 記事投稿欄 */
background:url(背景画像のURL) center top no-repeat,fixed;
height:500px;
overflow:auto;
}

変更後CSS:
/* ■スクロールバーの設置■ */
.skinArticleBody {/* 記事投稿欄 */
background:url(背景画像のURL) center top;
background-repeat: no-repeat;
background-position: fixed;
height:500px;
overflow:auto;
}



これで、Internet Explorerでも
記事投稿欄の背景画像がちゃんと表示できました。