Question

所以我试图用我从颜色生成器获得的背景渐变为我的html的div部分着色但是由于某种原因这个代码不起作用。

我正在关注css / html教程，我正在复制他们正在做的事情，但是当我进行自己的调整时，它并不适合我。请参阅下面的代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>

    <head>
        <title>Let's Play</title>
        <link href="styles.css" rel="stylesheet" type="text/css">
    </head>

    <body> 
        <div id="mainbg">this part should have a colored gradient</div>
    </body>

</html>

我的css是..

<style type ="text/css">


#mainbg{
    background: -webkit-linear-gradient(left, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */
    /* background-color: rgb( 149, 206, 145); */
}
</style>

即使是普通的背景也没有出现..提前感谢

Answer 1

从CSS文件中删除<style type ="text/css">和</style>标记，然后使用：

#mainbg{
    background: -webkit-linear-gradient(left, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */
    /* background-color: rgb( 149, 206, 145); */
}

Answer 2

你说你的css是：

<style type ="text/css">...

我认为样式标记导致问题，因为我没有发现您的css代码有任何问题。

Answer 3

This似乎涵盖了关于css3渐变的所有内容。

你肯定想要添加：

-moz filter
-MS-过滤
-ms -
-o -
等

简单的CSS样式不会显示..为什么好吗？

3 个答案: