0

CSS を使用していくつかのリスト項目 (li) のスタイルを設定しました。スタイルは、li 内の a セレクターに適用されます。Chrome、IE、Safari ではうまく機能しますが、Firefox では機能しません。

<ul class="organisations">
   <li class="community-care"><a href="http://adviceglos.org.uk/organisation-type/community-care/" title="View all posts in Community Care" >Community Care</a></li>
</ul>

CSSは次のとおりです。

ul.organisations li.community-care a {
background-image: -webkit-gradient(linear,center top,center bottom,color-stop(0%,#5CBCC4),color-stop(100%,#38939B));
background-image: -webkit-linear-gradient(#5CBCC4 0,#38939B 100%);
background-image: -moz-linear-gradient(#5CBCC4 0,#38939B 100%);
background-image: -o-linear-gradient(#5CBCC4 0,#38939B 100%);
background-image: -ms-linear-gradient(#5CBCC4 0,#38939B 100%);
background-image: linear-gradient(#5CBCC4 0,#38939B 100%);
background-color: #5CBCC4;
border: 1px solid #318188;
border-bottom-color: #245E63;
}
4

2 に答える 2

0

スタイルシートに構文エラーがあります。特に、529行目は次のとおりです。

background-image: -o-linear-gradient((#eeeeee 0,#ccc 100%) !important;

閉じ括弧よりも開き括弧が 1 つ多いことに注意してください。仕様に準拠した CSS パーサー (WebKit を除く) では、これにより、UA は一致する閉じ括弧までのすべてを background-image 値の一部として処理します。この場合、それがスタイルシートの残りのすべてであるため、この時点以降のすべてのルールは無視されます。

さらに、Firefoxはエラーコンソールでこの問題を報告したことに注意してください。これが私が見つけた方法です...

于 2012-10-11T20:02:50.610 に答える
0

-moz次のように Firefox を申請します。

background: -moz-linear-gradient(#BF698C 0px, #93506D 100%) repeat scroll 0 0 transparent;
于 2012-10-11T10:37:11.467 に答える