在Chrome

Question

我的页面上有文字元素。我注意到与Firefox相比，Chrome中的文字实际上非常模糊。当我从元素文本中删除z-index变得更加清晰。 如何在不删除z-index的情况下使文本清晰。

这是一个HTML代码：

<div class="navigation navigation-fixed">
    <div class="navigation-infouser">
    <a href="/bohdan.andriyiv"><span>Bohdan Andriyiv</span></a>
    </div>
</div>

这里是这个div的CSS：

.navigation-fixed {
    position: fixed;
    top: 52px;
    z-index: 11; //when removed text becomes sharper

Answer 1

这与位于相对位置元素后面的固定位置元素有关。

我的意思是，当你设置z-index属性时，你可能有另一个元素在上面并“隐藏”你的元素，当你删除它时，文本变得更清晰，因为现在元素高于其他元素。