タグ

2011年2月13日のブックマーク (3件)

  • opacity プロパティ(不透過度) - CSS リファレンス

    平成23年 6月 7日現在の定義です。 プロパティの定義 不透過度。 定義のある水準 第三水準 (CSS 3) 以降、色モジュールで。 WAP 2.0 での定義 無し。 対象メディア 視覚系メディア。 対象要素 全要素。 上位要素からの値の継承 無し。 第三水準 色モジュールでのプロパティ値 以下のいずれか: inherit 上位から継承。 0以上 1以下の実数 0は完全透過 1は完全不透過 デフォルト値 1 (完全不透過) パーセンテージ 適用不可。 計算結果 0.0~1,0 の範囲に丸められたアルファ値 opacity プロパティとは。 opacity プロパティは、要素の不透過度です。 対象となるのは、要素の全てで、 前景色(文字の色) 背景 ともに適用されます。 opacity プロパティは、平成23年 6月 7日に勧告される前から、多くのグラフィカルなウェブブラウザが実装しており

    opacity プロパティ(不透過度) - CSS リファレンス
    teetsuu2
    teetsuu2 2011/02/13
    透明度
  • IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック - WEBデザイン BLOG

    CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100%とな

    teetsuu2
    teetsuu2 2011/02/13
    透明度
  • kojilow Blog | ナビゲーションをフェードで切り替え

    画像でのナビゲーションをフェードで切り替えるのに以前はプラグインとか使っていたけど、最近は自分で作るので備忘録としてメモ。 まずナビゲーション部分のHTML。 <!– navi –> <ul id="navi"> <li class="navi01"><a href="#"><img src="/sample/fadenavi/imgs/navi-01.gif" width="120" height="30" alt="Navigation1" /></a></li> <li class="navi02"><a href="#"><img src="/sample/fadenavi/imgs/navi-02.gif" width="120" height="30" alt="Navigation2" /></a></li> <li class="navi03"><a href="#"><i