タグ

ブックマーク / ameblo.jp/kokesite (1)

  • 『【いまさら感たっぷり】 画像置換について』

    画像置換という方法を知っていますか? aタグの背景画像を設定し、フォアグラウンドのテキストを何らかの方法で表示範囲から消す事で、imgタグを使わずにグラフィカルな表現を可能にする方法のことを指します。さらに、擬似クラスで背景画像を入れ替え、あたかもボタンを押しているかのような表現をさせる事もでき、特にナビゲーション部分に使われるものです。Javascriptを使わずに画像のロールオーバーをさせる画期的なアイディアでした。 具体的には下記のように設定します。 <ul> <li><a id="aaa" href="○○.html">ほげほげ</a></li> <li><a id="bbb" href="××.html">ふがふが</a></li> <li><a id="ccc" href="△△.html">もふもふ</a></li> <ul> ul { list-style-type:non

    『【いまさら感たっぷり】 画像置換について』
  • 1