0

所以我试图用我从颜色生成器获得的背景渐变为我的 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>

甚至没有一个简单的背景出现..提前谢谢

4

3 回答 3

6

从您的 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); */
}
于 2012-05-16T19:52:48.120 回答
0

你说你的css是：

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

我认为样式标签导致了问题，因为我没有看到您的 css 代码有任何问题。

于 2012-05-16T19:58:10.153 回答
0

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

您肯定要添加：

  • -moz 过滤器

  • -ms-过滤器

  • -小姐-

  • -o-

  • 等等

于 2012-05-16T20:12:18.337 回答