设置渐变动态不起作用

在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>

来源

2011-11-01 Jake M

在我看来，Safari并不知道这种语法。尝试

newEle.style.background = "-webkit-linear-gradient(left,#2F2727,#FF0000)";

改为。

来源

2011-11-01 06:27:38 MatTheCat

设置渐变动态不起作用

回答

相关问题