2

今日、私はFirefoxでのレンダリングを改善するために自分のWebサイトを最適化しようとしています!私の問題はtext-shadowとfont-weightプロパティです...firefoxにのみカスタム値を設定したいのですが(私のWebサイトはMacとのみ互換性があるため、IEとの互換性は必要ありません)、個別に使用するつもりはありませんこれら2つのプロパティのみのスタイルシート!!! それを行う方法はありますか?または、phpスクリプトを使用してユーザーエージェントをフィルタリングし、Firefox用にカスタマイズされたスタイルシートをロードする必要がありますか?

前もって感謝します!

4

4 に答える 4

6

さて、少し遅くなりましたが、上記の答えを聞いてうれしくない私のような人のために、それを行う方法があります.

<html>
    <head>
        <style type="text/css">
            #myDiv
            {
                background-color:blue;
                width: 100px;
                height: 100px;
            }

            @-moz-document url-prefix()
            {
                #myDiv
                {
                    background-color: red;
                }
            }
        </style>
    </head>
    <body>
        <div id="myDiv"></div>
    </body>
</html>
于 2011-11-25T00:23:39.703 に答える
2

CSS ブラウザー セレクターを使用できます。

于 2009-07-11T13:07:50.480 に答える
2

をサポートするブラウザのみをサポートしたいようですがtext-shadow、なぜ Firefox だけをターゲットにするのでしょうか? font-weightあなたのアプローチは、をサポートするブラウザに対してのみ変更することtext-shadowです。しかし、これは言うは易く行うは難しです。

Firefox 3.5 とそれ以前のバージョンを区別できない限り、ブラウザー スニファーは機能しません。KahWee によってリンクされたものはこれを達成しませんが、とにかくブラウザー スニッフィングはお勧めしません。これはベスト プラクティスではありません。

font-weight代わりに、で使用するためのものに設定することをお勧めします。次に、訪問者のブラウザの大部分を元のシャドウtext-shadowされていない にリセットする IE 条件を含めます。font-weight

例:

<style type="text/css" media="screen">
    .some-text {
        color: #fff;
        font-weight: bold;
        text-shadow: #000 0.1em 0.1em 0.2em;
    }
</style>

<!--[if IE]>
<style type="text/css" media="screen">
    .some-text {
         font-weight: normal;
         text-shadow: none; /* Does nothing now, but explicitly define NONE
            for future IE versions as that is what is intended */
    }
</style>
<![endif]-->

これにより、これらのブラウザーtext-shadowで適切に実現できます。font-weight

  • Firefox 3.5 以降
  • オペラ 9.5+
  • Safari 1.1+ (2003年以降!)
  • クローム 2.0+
  • Konqueror 3.4+

また、IE でドロップ シャドウが必要な場合は、 でfilter式を使用できますがDropShadow()、個人的には独自の CSS 拡張機能を使用することはお勧めしません。

したがって、唯一の本当の「損失」は、font-weightFirefox 3.0 以下や Opera 9.2x 以下などの古い非 IE ブラウザに不適切な機能を持たせることです。

font-weightでは、古いブラウザの非常に限られたサブセットでを変更するために、JavaScript や PHP ブラウザをスニッフィングする価値は本当にあるのでしょうか?

それでも答えが「はい」の場合、このような PHP ブラウザー スニファーがあります。

于 2009-07-12T07:18:06.743 に答える
1

条件文はIE専用です。申し訳ありません。たぶんそれらの機能のいくつかはあなたを助けることができます、それらはgeckoブラウザでのみ動作します:Mozillacss拡張機能

于 2009-07-11T12:54:07.763 に答える