タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

TIPSとフェードに関するtech_labo00のブックマーク (1)

  • CSS(スタイルシート)でフッターをフェードアウトさせる

    使えるかどうか分からないけどスタイルシートと画像1つでフッターをフェードアウトさせる方法があったので紹介します。 方法は簡単。以下のコードをどこでもいいので入れるだけ。 <div id="bottom_fade"></div> CSSはこんな感じ。ちょっと変えてます。 #bottom_fade { width: 100%; height: 200px; z-index: 99; position: fixed; bottom: 0px; background: url("bottom-fade.png") bottom center repeat-x; } widthは100%に背景の繰り返しをrepeat-xにしています。底から0pxのところに常に高さ200pxの画像があるということですね。 また、透過画像が使えないIE6用に以下のようにCSSを記述しています。 <!--[if lte

    CSS(スタイルシート)でフッターをフェードアウトさせる
  • 1