动态设置渐变不起作用

时间:2011-11-01 04:08:33

标签: javascript html css

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

1 个答案:

答案 0 :(得分:0)

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

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

代替。