設置漸變動態不起作用

在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

設置漸變動態不起作用

回答

相關問題