2012-07-30 10 views
5

これは私に困惑しています。絶対位置のあるページ上の要素、相対位置のあるコンテナ内に要素があります。 IE7を除くすべてのブラウザで、問題のない正しい場所に表示されます。私は(colorのように、その可視性や位置とは何の関係も持っていなくてもプロパティ)を追加またはDeveloperツールバーの[属性]タブでのCSSプロパティのいずれかのを編集まで要素はIE7でDeveloper Toolbarを使用して編集するまで表示されません

IE7では

、要素は表示されません。 。私がそうしたら、それは正しく表示されます。そして、私が今追加したプロパティを削除する(または変更を元に戻す)と、表示されたままになります!

これはIE7固有の表示のバグでなければなりませんが、私はそれを回避する方法を見つけることができません - floatzoomなどを無駄に投げました。

答えて

3

消える要素を一層深く、別の子要素に移動することでこれを修正しました。子要素は浮動小数点型ですが、位置はありませんので、消えていく要素は親要素に相対していますが、これは私の望むところです。何らかの理由でこれもIE7で表示されるようになりますさあ。

これは(ない本当のID)私はその要素が消えるさせていたものです:

<div id="parent" style="position: relative;"> 
    <div id="disappear" style="position: absolute; left: -8px; top: -17px;>This element disappears</div> 
</div> 

これは、それが現れる作るものです:

<div id="parent" style="position: relative;"> 
    <div id="child" style="float: left; width: 340px;"> 
    <div id="disappear" style="position: absolute; left: -8px; top: -17px;">Now this element appears</div> 
    </div> 
</div> 

#parentを浮動し、それをwidthを与えます(#childの持つ同じ2つのプロパティ)は機能しませんでしたが、別の子要素を使用する必要がありました。完全に奇妙ですが、他の誰かが同じ問題に遭遇した場合に私はこれを投稿したいと考えました!

0

IEデベロッパーのツールバーがどのように表示されるのか不思議ですか?

負のマージンを持つ相対的な配置を使用して子要素の絶対位置を使用する代わりに、要素を配置するために左に固定しました。それはデザインがより壊れやすいので理想的ではありませんが、当時私の唯一の選択肢でした。

関連する問題