İçiçe sabit eleman IE

Question

ben Chrome'da sayfası ve FF element-fixed kalmak fixed kaydırma ama IE'de çok kayar zaman bu

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

gibi başka fixed öğesi içindeki bir fixed eleman koymak için çalışıyorum çalışmıyor ve sanırım bu olmamalı çünkü bir fixed öğesi belge akışının dışında.

content'dan çekmeyi denedim ama işe yaramadı, wrapper-fixed'dan çekerek yapmam ama benim durumumda yapamam. benim gerçek duruma benzer

HERE A JSFIDDLE

Yani olur ve sorunu göstermek için resim eklenmesi wrapper-fixed

çekerek olmadan düzeltmek nasıl neden:

---

Answer 1

Seçenek 1

mutlak

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

Fiddle için sarıcı konumunu değiştirme

- http://jsfiddle.net/za4hdmpf/

Seçenek 2

bu bir çözüm bulunması gerektiğini olarak uygun olmayacak o sarmalayıcıdan sabitlenmiş elemanın sabitlenmesini gerektirmez.

İşaretlemenizi değiştirin ve eleman sabit

<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 pozisyon ayarlamaları yapmak - http://jsfiddle.net/vuykwu76/