Chrome CSS исправлено положение псевдоэлемента не работает - PullRequest
Новая
       51

Chrome CSS исправлено положение псевдоэлемента не работает

1 голос
/ 17 апреля 2019

Я не могу понять, почему следующий CSS работает в Firefox, Safari, но не в Chrome. Я пытаюсь создать верхнюю фиксированную панель навигации, которая центрирована и имеет черную фоновую панель полной ширины, сохраняя содержимое панели навигации в пределах максимальной ширины 1200 пикселей. Мне нужно добиться этого в шаблоне Squarespace, где я могу добавить только собственный CSS к существующему шаблону, и у меня нет доступа к коду страницы. Поэтому я выбрал подход псевдо-вставки. Все хорошо, за исключением того, что Chrome не хочет отображать его правильно. Ссылка на сайт: https://mango -lanternfish-lzhh.squarespace.com / Спасибо за вашу помощь заранее. Аттила 

body, #navigator header#topBar { 
    max-width: 1200px !important; 
    margin-left: auto; margin-right: auto; }

#navigator header#topBar { background-color: #000000 !important; }

#navigator header#topBar:before {
    content: "";
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 85px !important;
    background-color: #000000 !important;
}
...