IE6,7でdroppyを使用すると、一部が隠れて表示される。

z-indexバグ

原因は、IE6,7のZ-Indexの解釈。

IE6,7は、relative指定されたBoxが複数存在すると、後に記述したrelative指定が
優先して表示されるようになっている。

上記の場合、?の部分が後に記述されているため、こちらが優先して表示された。

この場合、それぞれのCSSに以下のように定義して回避した。

?のCSS
#com_contents_right #com_contents_title {
    padding:0px 0px 15px 0px;
    position:relative;
    z-index:1; /* for IE6,7 */
}

?のCSS
#com_gnavi {
    padding:0px 20px 15px 20px;
    position:relative;
    width:860px;
    clear:both;
    z-index:2; /* for IE6,7 */
}

グローバルナビゲーションの部分が上に表示されるように、
z-index:2を指定する。

参考URL
miyazakiweb.seesaa.net/article/117561935.html
learnaboutcss.blogspot.com/2010/10/ie6z-index.html

上記二つは、z-indexに関する説明である。



スポンサーサイト

コメントの投稿

非公開コメント

プロフィール

e.swan

Author:e.swan
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR