タグ

ブックマーク / coliss.com (2)

  • IE6でよく遭遇するCSSのバグとその解決方法 | コリス

    Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する3つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが2倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが2倍になってしまうバグ IE6で、フロートした要素のマージンが2倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p

    IE6でよく遭遇するCSSのバグとその解決方法 | コリス
    kjirouu
    kjirouu 2011/02/04
    divのheightが20px未満にならない点の対応方法、font-size:0; か overflow:hidden; らしい、未検証
  • [CSS]IE8にも対応したクロスブラウザ用の不透明度の指定方法

    <textarea name="code" class="css" cols="60" rows="5"> selector { opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75; /* FF lt 1.5, Netscape */ } </textarea>

    [CSS]IE8にも対応したクロスブラウザ用の不透明度の指定方法
    kjirouu
    kjirouu 2010/09/30
    opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; ちなみに、IEだとimgタグを直接指定した方がいい、他だとimgの親要素でもいいけど
  • 1