もう画像は要らない!? 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の設定で
問題なく表示されます。
イメージ広告と記事一覧の表示例です!
 |
|
-
引っ越しの最中に引っ越し業者の方に 「次が待ってるので早めの行動で」 なんて言わ...
-
やはり作業員の対応って重要ですよね。 電話での対応者と、現場で動く人はまったく違...
-
引っ越しをする際、どれくらいの金額がかかるか...気になるところですよね。 見積...
-
みなさんは引っ越しをされる場合、どこの業者をお使いですか? よくテレビCMなどで...
|