4

私は奇妙な問題に直面しています。背景色がグラデーションのドキュメントがあります。

<body class="loginbackground">

.loginbackground {
    background: #64889A; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#64889A'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#64889A)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #DCDCDC,  #64889A); /* for firefox 3.6+ */
    width: 100%;
    height: 100%;
}

最初にページを作成したとき、私はDoctypeを設定していませんでした（はい、私の悪いですが、それはまだプレプレアルファにあります！）

HTMLファイルに追加<!DOCTYPE html>すると、背景のグラデーションが消えます。

ChromeとIEで正常に動作します。これはFirefoxでのみ壊れています。Aurora（13a0.2）を使用しています。線を削除すると-moz-linear-gradient、デフォルトの背景色（グラデーションなし）が表示されます。

私は何か間違ったことをしていますか、それとも実際にはFirefoxのバグですか？

**更新**私がそれを与えるならば、background-size: 1000px 1000pxそれは幾分うまくいきます。100% 100%またはをあげたいのですautoが、うまくいきません。固定サイズを指定すると、画面の解像度に依存します。

4

2 に答える 2

4

問題は、仕様ごとに、グラデーションのサイズ設定ボックスが背景スタイルの要素のボックスであるということです。height: 100%また、標準モードでは、を設定しなかったため、体の高さは0です<html>。体にボーダーを付けるとこれがわかります。

于 2012-04-24T23:26:17.337 に答える
0

cssを次のバリアントに置き換えてみてください。

background: -moz-linear-gradient(top, #dcdcdc 0%, #64889a 100%);

クロスブラウザグラデーションが必要なときに行く場所は次のとおりです：http：//www.colorzilla.com/gradient-editor/

于 2012-04-24T18:21:04.367 に答える