Chrome CSS固定定位伪元素不起作用

Question

我不知道为什么以下CSS在Firefox，Safari中不能在Chrome中工作。我正在尝试创建一个居中的顶部固定导航栏，该导航栏具有全宽的黑色背景栏，同时将导航栏的内容保持在1200px最大宽度内。我需要在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;
}