我有一个有几个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:透明;”,文本将变得可见,尽管没有渐变(显然)。
想法?
这是 JSfiddle:https://jsfiddle.net/s96bzcua/
亲切的问候,
我也有同样的问题。事实证明这是由于显示属性造成的。无论出于何种原因,Safari 需要将显示设置为“inline”或“inline-block”,而不是“inline-flex”。
所以对我来说这意味着改变自:
显示:柔性;
到:
显示方式:内嵌;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)