相关疑难解决方法(0)

我想给元素一个背景,重复1px宽的斜条纹.似乎repeating-linear-gradient应该能够做到这一点,但在Safari中呈现时:

background-image: repeating-linear-gradient(
    45deg, black, black 1px, transparent 1px, transparent 3px
);

看起来像这样:

#thing {
  height: 200px;
  background-image: repeating-linear-gradient( 45deg, black, black 1px, transparent 1px, transparent 3px);
}

<div id="thing"></div>

看起来好像浏览器在混叠方面表现不佳,导致绑定模式不均匀.关于我如何能够解决这个问题,或者想要实现我想要做的另一种方式的任何想法？