タグ

refとIEに関するglcsのブックマーク (2)

  • 複数のclassをセレクタに指定した際のIEのバグ | Blog hamashun.com

    関連リンク 複数のclassをセレクタに指定する方法 複数のclassをセレクタに指定する際のメモ書き 複数のclassをセレクタに指定した際のIEのバグ 複数のclassをセレクタに指定する方法でぴんどめさんからコメント頂いた件ですが、その後ぴんどめさんからサンプルファイルを送って頂けて、どうやら判明しました! ぴんどめさん、わざわざありがとうございました! HTML <div class="sample code test">~</div> CSS div.hoge.test { color: red; } こんなソースがあった時に、来ならば文字色は変わらないはずです。 現にFirefoxやOperaではそのように表示されます。 しかし、なんとびっくりIE様は文字色を赤にしてしまうのです! なんてこった! どうやらIE様は、複数のclassを使うセレクタは、最後の一つのclassしか

    glcs
    glcs 2008/05/30
    要するにjQueryとかで要素選択用に複数のクラスを指定する時は,デザイン用のを一番最後に持ってくればOKということかな
  • IE6ではselect要素にz-indexが定義されていない - F.Ko-Jiの「一秒後は未来」

    IE6(おそらくIE6以前)では、select要素にCSSのz-indexが定義されていません。z-indexというのはレイヤーの重なりの順番です。 そのため、select要素のある画面にdiv要素でレイヤーを被せようとすると、IE6ではレイヤーの上にselect要素だけ残って表示されてしまいます。 これを防ぐためには、レイヤーをiframe(インラインフレーム)にするか、レイヤーを表示するときにJavaScriptを使ってselect要素を visibility:hidden にする必要があります。 var elems = document.getElementsByTagName("select"); for (i = 0; i < elems.length; i++) { elems[i].style.visibility = "hidden"; } もしくは、 /* CSS */

    IE6ではselect要素にz-indexが定義されていない - F.Ko-Jiの「一秒後は未来」
    glcs
    glcs 2008/04/28
    IE6で<div style="display:none"><select></select></div>するとselectが浮き上がって表示されてしまう問題
  • 1