1

私はこの CSS コードを持っていますが、Mozilla Firefox で影が機能しません:

body {
    text-align: center;
    font-family: Sans-serif;
    background-image: url("d3.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    box-shadow: 1px 1px 1px grey;
    -moz-filter: drop-shadow(1px 1px 1px grey);
    -webkit-filter: drop-shadow(1px 1px 1px grey);
}

Chrome では非常に見栄えがよく、本文のすべての要素にある種の影があり、Mozilla でもそれを実現したいと考えています。どうすればいいですか？「moz」が機能しないのはなぜですか?

ありがとうございました！

4

2 に答える 2

0

box-shadowとdrop-shadow同じではありません。box-shadowは、まあ… box-shadow。プロパティdrop-shadowの値の 1 つですfilter。Can I Useに見られるように、filterは Firefox で完全にサポートされており、使用するためにプレフィックスは必要ありません。

したがって、接頭辞を変更して削除するbox-shadow必要があるのは、別の無関係なプロパティであるためです。

body {
    text-align: center;
    font-family: Sans-serif;
    background-image: url("d3.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    filter: drop-shadow(1px 1px 1px grey);
    -webkit-filter: drop-shadow(1px 1px 1px grey);
}
于 2016-03-01T10:21:24.807 に答える