Eleman IE7'de Düzenleme Araç Çubuğu

Question

aracılığıyla düzeltilinceye kadar gözükmüyor Bu bana güvendeydi - Sayfamda mutlak bir konuma sahip, kabın içinde göreli bir konuma sahip bir elemanım var. IE7 dışındaki tüm tarayıcılarda, hiç sorun olmaksızın doğru yerde görünür. Ben (color gibi, onun görüş veya konumuyla ilgisi olmayan hatta özelliklerinde) eklemek veya Geliştirici Araç Çubuğu Ayrıntılar sekmesini kendi CSS özellikleri herhangi düzenlemek kadar

IE7

, eleman görünmüyor . Bunu yaptığımda, doğru bir şekilde belirir - ve eklediğim özelliği (veya değiştirmeyi geri aldığımda) sildiğimde bile görünür kalır!

Bu, IE7'ye özgü bir görüntü hatası olmalı, ancak etrafta bir yol bulamıyorum - float, zoom vb.

Answer 1

Bu, kaybolan elemanı bir seviye daha derine taşıyarak başka bir alt öğeye yerleştirdim. Çocuk elemanı yüzdüğü, ancak bir konumu olmadığı için, yok olan eleman hala istediğim şey olan ana öğeye göre konumlandırılır - ancak bazı nedenlerden dolayı IE7'de görünmesi de muhtemeldir. olmak.

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

Bu görünmesini kılan:

Bu

O elemanın (değil gerçek kimliklerini) kaybolmaya neden oldu ne

<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 Yüzer ve bir width vererek (#child'un sahip olduğu aynı iki özellik) işe yaramadı - ayrı bir çocuk elemanı kullanmalıyım. Tamamen tuhaf, ama başkasının aynı soruna girmesi durumunda bunu yayınlayacağımı düşündüm!

Answer 2

IE geliştirici araç çubuğunun görünmesini nasıl sağladığını garip değil mi ?!

Öğeyi konumlandırmak için negatif kenar boşluğu ile göreli konumlamayı kullanarak alt öğe için mutlak konumlandırma kullanmak yerine sabitledim. Tasarımı daha kırılgan hale getirdiği için ideal değil, ama o zamanki tek seçeneğim.