Nested festes Element nicht in IE arbeitet

Question

Ich versuche, wie dies

<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> 

ein fixed Element innerhalb eines anderen fixed Elemente zu setzen, wenn ich die Seite in Chrome blättern und FF element-fixed Aufenthalt fixed aber in IE es scrollt zu und ich denke, das sollte nicht passieren, weil ein fixed Element außerhalb des Dokumentflusses ist.

Ich versuchte es aus der content herausziehen, aber nicht funktioniert, zieht es aus wrapper-fixed es tut, aber in meinem Fall kann ich nicht.

HERE A JSFIDDLE ähnlich wie meine wirkliche Situation

Warum das passiert und wie es zu beheben, ohne es aus wrapper-fixed

zu ziehen Bilder zur Veranschaulichung des Problems Hinzufügen:

---

Answer 1

Option 1

Ihre Wrapper Position ändern, um absolute

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

Fiddle - http://jsfiddle.net/za4hdmpf/

Option 2

nicht geeignet ist, da dies eine Lösung erfordert, dass beinhaltet nicht ziehen Element fixiert aus der Verpackung fixiert.

Markup und Position an Anpassungen an Ihrem Element fest

<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> 

CSS

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

Fiddle machen - http://jsfiddle.net/vuykwu76/