在Safari上更改/设置HTML元素渐变不起作用。
以下代码使用CSS webkit制作渐变的方法,该渐变应该适用于Safari&铬。但它没有显示渐变,你知道我怎么能让它显示出来吗?
<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>
答案 0 :(得分:0)
在我看来Safari并不知道这种语法。尝试
newEle.style.background = "-webkit-linear-gradient(left,#2F2727,#FF0000)";
代替。