CSS: pozycja: ustalona wewnątrz pozycji: absolutna
Wpadam na bardzo dziwne zachowania i niespójne w każdej testowanej przeze mnie przeglądarce.
Mam dość złożony układ, ale główny problem tkwi tutaj:
<div id="drop">
<div id="header"></div>
</div>
#drop
maposition:absolute
iz-index:100
#header
maposition:fixed; top:60px;
Gdy zaczynam przewijać w dół, Chrome ignorujeposition:fixed
reguła. Jeśli usunęzarówno dwóch powyższych stylów z#drop
następnie Chrome zaczyna szanowaćposition:fixed
reguła.
nie można go uruchomić na Ubuntu Chrome 23.0.1271.97 i zobaczyć to samo zachowanie na Macu Chrome 25.0.1364.99. Mój przyjaciel używa Ubuntu Chrome 25.0.1364.68 beta i działa poprawnie dla niego. Przetestowałem go na firefox i to działa (z innymi objawami)
Czy ktoś słyszał o tym błędzie? czy może ktoś może go nawet odtworzyć?
edytowaćUżywam mapy openlayers jako innego diva zposition:fixed
jeśli usunę tę warstwę lub przynajmniej ją zmieniędisplay:none
wtedy ten dziwny błąd zniknie.
Zauważyłem, że podczas obecności tego błędu, jeśli zmienię poziom powiększenia w przód iw tył, pozycja dostosuje się do właściwego zachowania. Dla mnie oznacza to problem z webkitem, który nie wykonuje wewnętrznej funkcji zwrotnej na przewijaniu.
Inną niezwykle dziwną rzeczą jest to, że mam kilka linków wewnątrz#header
i działają, gdybym po prostu kliknął oczekiwaną lokalizację, mimo że div nie pojawia się tam. OgólnyZauważyłem, że to tylko rendering to jest zepsute. Jeśli w dowolnym momencie zmusię przeglądarkę do ponownego renderowania poprzez zmianę rozmiaru okna, zmianę powiększenia lub po prostu wybranie opcji Zaznacz wszystko, pasek nagłówka przeskoczy do właściwej pozycji, ale nie pozostanie stały.