我有一个带有几个 li 的 ul。
我在 ul 上使用这个 id。
#list {
margin-right: auto;
margin-left: auto;
width:500px;
color:black;
background: -webkit-linear-gradient(#000, #909090);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
ul 的内容在 Chrome 中接受渐变处理就好了，但在 Safari 中则不然。在 Safari 中，所有的 li 都是“隐形的”。如果我检查然后禁用“-webkit-text-fill-color：transparent;”，文本将变得可见，尽管没有渐变（显然）。
想法？
这是 JSfiddle：https ://jsfiddle.net/s96bzcua/
亲切的问候，