Css 为什么你会在chrome中看到我网站的标题？

我有一个具有以下属性的标题：

position: fixed;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.5);
font-size: 20px;
width:100%;
height: 45px;
z-index:100000000000000000;

在所有浏览器中，它看起来都不错，但在chrome中，它的页眉高度仅为1px。我认为这与壁纸的滑块图像有关。但我不知道如何修复它。有什么帮助吗

在Chrome for mac中：

---

我用红色突出显示的是标题左侧的内容，我认为这与标题有关。据我所知，这个错误还没有被修复。您可能想尝试使用位置：绝对而不是位置：固定，尽管我在web inspector中尝试过，但运气不佳