görüntülenen div, yüzde ofset [göreceli div] ile [SAFARI bug]

Question

Bootstrap ve Safari ile çalışırken bir sorunum var.

Sabit bir div'i, kendi başına göre yerleştirmek istiyorum ve Safari dışındaki tüm tarayıcılarda çalışır.

Aynı sorun burada açıklanmıştır: https://github.com/lionheart/openradar-mirror/issues/147

Şimdi ben iyi bir çözüm bulmaya:

Orijinal Kodu (Safari'de çalışmaz)

<div class="row"> 
    <div class="col-md-8 col-md-push-4"> 
     <div class="fixed-div">SOME FIXED CONTENT</div> 
     CONTENT A 
    </div> 
    <div class="col-md-4 col-md-pull-8"> 
     CONTENT B 
    </div> 
</div> 

css:

.fixed-div{ 
    position:fixed; 
} 

bu şekilde çalışmıyor Safari'de yapıldı. "Sabit div" ebeveyn gibi "itilmiş" değildir. "CONTENT A" nın üstünde gösterilmelidir.

ben bir çözüm buldum ama bu temiz biri olmadığını düşünüyorum:

<div class="row"> 
    <div class="col-md-4"> 
    </div> 
    <div class="col-md-8"> 
     <div class="fixed-div">SOME FIXED CONTENT</div> 
    </div> 
    <div class="clearfix"></div> 

    <div class="col-md-8 col-md-push-4"> 
     CONTENT A 
    </div> 
    <div class="col-md-4 col-md-pull-8"> 
     CONTENT B 
    </div> 
</div> 

nasıl bu sorunu gidermek için bazı iyi fikirler var mı?

Answer 1

fixed'dan absolute'a CSS özelliğine geçiş yapmayı deneyin. Bu, sorununuzu çözmezse, bir kullanıcının hangi tarayıcıdan geldiğini görmek için HTML'nizde önce özel kontrol ekleyebilir ve söz konusu CSS sayfasını How to use different CSS for Different Browsers yükleyebilirsiniz.