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">andタグを削除すると、次のようになります。</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-filter

  • -MS-

  • -o-

  • 等

于 2012-05-16T20:12:18.337 に答える