Written by
watanabe
Written by
watanabe
Written by
watanabe
Written by
watanabe
Written by
watanabe
CSSのvisibilityで画像を置換する方法をご紹介いたします。 通常時の画像をimgタグで表示し、ホバー時の画像を背景で表示、そしてホバー時は不要なimgの画像を非表示にします。 visibilityで画像を置換する際のメリットは、通常時の画像はimgタグで表示させるので、ブラウザの印刷プレビュー、ページ設定の「背景の色とイメージを印刷する」などの設定をせずとも印刷できる...
Written by
watanabe
CSSスプライトと呼ばれる背景画像を使用してナビメニューを作成する方法をご紹介いたします。 メリットとしては、複数の画像ではなく一個の画像で表示するので、サイトの表示を速めることができます。 実際に使用される画像は下記のようになります。 まず「ol.sprite li a」でaタグに指定するナビボタンの基本プロパティを指定します。 「ol.sprite li a.sprite_...
