एलिमेंट में आईई 7 में प्रकट नहीं होता है जब तक कि मैं डेवलपर टूलबार

Question

के माध्यम से इसे संपादित नहीं करता हूं, यह मुझे स्टंप कर चुका है - मेरे पास एक पृष्ठ के साथ एक कंटेनर के अंदर एक पूर्ण स्थिति के साथ एक पूर्ण स्थिति है। आईई 7 को छोड़कर सभी ब्राउज़रों में, यह सही जगह पर दिखाई देता है जिसमें कोई समस्या नहीं है।

IE7 में, जब तक मैं जोड़ सकते हैं या डेवलपर टूलबार के गुण टैब में अपने सीएसएस गुण के किसी भी संपादित (यहां तक ​​कि गुण उसकी दृश्यता या स्थिति के साथ कुछ नहीं करना है कि, color की तरह) तत्व प्रकट नहीं होता है । एक बार ऐसा करने के बाद, यह सही ढंग से दिखाई देता है - और अगर मैं उस संपत्ति को हटा देता हूं जिसे मैंने अभी जोड़ा है (या संशोधन पूर्ववत करें) तो भी दिखाई देता है!

यह आईई 7-विशिष्ट डिस्प्ले बग होना चाहिए, लेकिन मैं इसके चारों ओर एक रास्ता नहीं समझ सकता - मैंने float, zoom इत्यादि को बिना किसी लाभ के फेंक दिया है।

Answer 1

मैंने गायब तत्व को एक स्तर गहराई से दूसरे बच्चे तत्व में ले जाकर इसे ठीक किया। चूंकि बाल तत्व फ़्लोट किया गया है, लेकिन इसकी स्थिति नहीं है, गायब तत्व अभी भी मूल तत्व के सापेक्ष स्थित है, जो मैं चाहता हूं - लेकिन किसी कारण से यह आईई 7 में दिखाई देता है, जैसा कि यह माना जाता है हो।

<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 है) ने काम नहीं किया है, हालांकि - मुझे एक अलग बाल तत्व का उपयोग करना है। पूरी तरह से विचित्र, लेकिन लगा कि अगर मैं किसी और समस्या को चलाता हूं तो मैं इसे पोस्ट करूंगा!

Answer 2

क्या यह अजीब नहीं है कि आईई डेवलपर टूल बार इसे कैसे दिखने के लिए ट्रिगर करता है ?!

मैंने तत्व को स्थिति के लिए ऋणात्मक मार्जिन-बाएं के साथ सापेक्ष स्थिति का उपयोग करके बच्चे तत्व के लिए पूर्ण स्थिति का उपयोग करने के बजाय इसे ठीक किया है। आदर्श नहीं है क्योंकि यह डिजाइन को अधिक नाजुक बनाता है, लेकिन उस समय मेरा एकमात्र विकल्प।