もう画像は要らない!? CSS3の力はすごい!

CSS3を使えば、角丸のボックスや影をつけることなどが画像無しで表示できます。画像を利用しないので、大きさや色を手軽に変更できるのが利点です。
当サイトも、サイトの周りやサイドバーの表示、強調部分に利用しています。

このテンプレートで利用しているイメージは?

当サイトのテンプレートで使用しているイメージ画像は、下記のヘッダー画像とナビゲーション用のアイコンだけです(※IE9用と記事等には利用しています)。
その他は、スタイルシートで表示させています。

IE6、IE7、IE8でも問題なく表示します!

CSS3対応のブラウザは、IE9(一部)、Firefox3.5以上、Safari3.0以上、Opera10.5以上、Google Chrom4.1以上です。
残念ながら、ユーザーが一番多いと予想されるIE6、IE7、IE8のブラウザに対応していません。 しかし、サイトを運営する以上、IEユーザーを無視することはできませんので、IE6、IE7、IE8に対応させるスクリプトを利用してみました。
IEでご覧になっても違和感が無いと思います。
エックスサーバー、Xreaサーバー、さくらサーバー、ロリポップ、ハッスルサーバーではテスト済みです。また、ステップサーバーについては、.htaccessの設定で 問題なく表示されます。

イメージ広告と記事一覧の表示例です!

サンプルイメージ