नेस्टेड तय तत्व आईई

Question

मैं इस

<div class="wrapper-fixed"> 
    <div class="content"> 
     <div class="element-fixed"> 
      <p>I'm fixed in Chrome, FF</p> 
      <p>Why not in IE ?</p> 
     </div> 
    </div> 
</div> 

की तरह एक और fixed तत्व के भीतर एक fixed तत्व डाल करने के लिए जब मैं क्रोम में पेज और एफएफ element-fixed ठहरने fixed स्क्रॉल लेकिन IE में यह भी स्क्रॉल कोशिश कर रहा हूँ में काम नहीं और मुझे लगता है कि ऐसा नहीं होना चाहिए क्योंकि fixed तत्व दस्तावेज़ प्रवाह के बाहर है।

मैंने इसे content से बाहर खींचने की कोशिश की लेकिन काम नहीं किया, इसे wrapper-fixed से बाहर खींच रहा है लेकिन मेरे मामले में मैं नहीं कर सकता।

HERE A JSFIDDLE मेरा असली स्थिति के लिए इसी तरह की

तो क्यों ऐसा होता है और कैसे समस्या को वर्णन करने के लिए यह wrapper-fixed

चित्र जोड़ना से बाहर खींच के बिना इसे ठीक:

---

Answer 1

विकल्प 1

पूर्ण

.wrapper-fixed{ 
    position: absolute; 
    ... 

फिडल करने के लिए अपने आवरण स्थिति बदलें - http://jsfiddle.net/za4hdmpf/

विकल्प 2

उपयुक्त नहीं होगा क्योंकि यह एक समाधान की आवश्यकता है कि रैपर-फिक्स्ड से बाहर निकालने वाले तत्व को खींचने में शामिल नहीं है।

अपने मार्कअप बदलें और अपने तत्व निर्धारित

<div class="wrapper-fixed"> 
    <div class="content"> 
     <p>Content</p>   
     <p>Content 1</p>   
     <p>Content 2</p> 
     <p>Content 3</p>   
     <p>Content 4</p> 
     <p>Content 5</p>   
     <p>Content 6</p> 
     <p>Content 7</p> 
     <p>.</p> 
     <p>.</p> 
     <p>.</p> 
    </div> 
</div> 

<div class="element-fixed"> 
    <p>I'm fixed in Chrome, FF</p> 
    <p>Why not in IE ?</p> 
</div> 

सीएसएस के लिए स्थिति समायोजन

.element-fixed{ 
    position: fixed; 
    width: 170px; 
    border-radius: 10px; 
    top: 70px; 
    left: 50%; 
    margin-left: -290px; 
    background-color: #fff; 
} 

फिडल बनाने - http://jsfiddle.net/vuykwu76/