もう画像は要らない!? CSS3の力はすごい!
CSS3を使えば、角丸のボックスや影をつけることなどが画像無しで表示できます。画像を利用しないので、大きさや色を手軽に変更できるのが利点です。
当サイトも、サイトの周りやサイドバーの表示、強調部分に利用しています。
例えば、下記のようにテキストだけでも画像に引けを取らないボタンを手軽に作成できるのです。
このテンプレートで利用しているイメージは?
当サイトのテンプレートで利用しているイメージ画像は、下記のヘッダー画像とナビゲーション用のアイコンだけです。
(テンプレートに関係の無い記事の写真画像は除きます。)その他は、
スタイルシートで表示させています。
IE6、IE7、IE8でも問題なく表示します!
CSS3対応のブラウザは、IE9、Firefox3.5以上、Safari3.0以上、Opera10.5以上、Google Chrom4.1以上です。
残念ながら、ユーザーが一番多いと予想されるIE6、IE7、IE8のブラウザに対応していません。
しかし、サイトを運営する以上、IEユーザーを無視することはできませんので、IE6、IE7、IE8に対応させるスクリプトを利用してみました。
IEでご覧になっても違和感が無いと思います。
エックスサーバー、Xreaサーバー、さくらサーバー、ロリポップ、ハッスルサーバーではテスト済みです。また、ステップサーバーについては、.htaccessの設定で
問題なく表示されます。
イメージ広告と記事一覧の表示例です!
|
|
-
特選黒毛和牛のロース、を、焼肉用にカット。 焼肉はやっぱりロースが食べたいという...
-
特選黒毛和牛の極上カルビ100g1100円です。 特選黒毛和牛の「ヒウチ」、もし...
-
特選黒毛和牛のモモ肉でかなり上質な部分だけを使用した焼肉用のお肉です。100g5...
-
特選黒毛和牛のモモ、バラなどを主に使用している焼肉用のお肉です。お弁当や夕食の一...
-
純内地産の豚バラをしゃぶしゃぶ・すき焼きに出切る厚さに薄くスライスしています。脂...
|