在 Safari 上更改/设置 HTML 元素渐变不起作用。
以下代码使用 CSS webkit 方式制作渐变，这应该适用于 Safari 和 Chrome。但是它不显示渐变，你知道我怎样才能让它显示吗？
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="mainContent">
<p id="test">abcdef</p>
</div>
</body>
<script type="text/javascript">
<!--
var newEle = document.createElement("p");
newEle.style.background = "-webkit-gradient(linear, left top, right top, from(#2F2727), to(#FF0000))";
newEle.innerHTML = "kjdskjdkgj";
document.getElementById("mainContent").appendChild(newEle);
-->
</script>
</html>
最佳答案
在我看来，Safari 并不知道这种语法。尝试
newEle.style.background = "-webkit-linear-gradient(left,#2F2727,#FF0000)";
相反。
关于javascript - 动态设置渐变不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7962364/