Windows中的Chrome缩小（cntrl-）隐藏了线性渐变条纹的颜色

Question

<div style="width:100%;height:100%;">
<div style="background-image: repeating-linear-gradient(to right, #e7e7e7, #e7e7e7 1px, #ffffff 1px, #ffffff 24px);position: absolute;width: inherit;height: 487px;"></div>
</div>

enter image description here

Answer 1

设置position:fixed会有所帮助，而不是position:absolute。用包装器将内容div包裹起来，然后对其应用overflow。