Проблема размещения CSS в Chrome

На данном сайте ниже у меня есть меню боковой панели с позиционированием CSS fixed. Однако, когда я прокручиваю, меню, похоже, отстает. Такое поведение, похоже, повторяется с изображением под ним.Проблема размещения CSS в Chrome

Я протестировал сайт на IE и все работает как ожидалось. У меня такое ощущение, что встроенный объект за меню вызывает проблему. Но CSS fixed позиционирование должно работать независимо от того, нет? Ищите предложения или исправления для этой проблемы.

Я использую Chrome 39.0.2171.65, в ОС Windows 7 Ultimate N x64

Image of behavior

SITE LOCATION

источник

2014-11-25 Xenyal

osx chrome 38.0.2125.122 работает как ожидалось, не отставая – haxxxton

Я буду размещать изображение этого поведения – Xenyal

Вы испытываете ту же проблему в firefox, safari, opera? (im, предполагая, что вы находитесь в окнах с учетом тестирования IE) – haxxxton

Ok, так что проблема была с объектом, но точная проблема - с css правило «z-index: -1»

Я внесли следующие изменения в инструмент для проявки

1) Поместите объект после того, как все содержимое сайта

2) Добавить в свой объект CSS слева: 0 и г-индекс: 0

3) Добавить к блоку .left и .wrapper стили - позиция : относительный и z-индекс: 1

И после этого изменения - это хорошо выглядит в моем Chrome. Надеюсь, это поможет

источник

2014-11-25 01:30:48

Я не могу применить 2), поскольку мне нужно, чтобы она была за '.left'. Применяя все вместе, вы помещаете все элементы '.left' в обратную сторону окна просмотра - это сообщения на странице. – Xenyal

Если вы добавите в .left следующие стили - position: relative; и ** z-index: 1 или heigher ** - ваш контентный блок останется на вашем объекте –

На самом деле вы можете просто удалить ** z-index: -1 ** из ваших стилей объектов, и это должно помочь остановить прыжки с блока –

Проблема размещения CSS в Chrome

ответ

Смежные вопросы