2

ブラウザ固有のcssプロパティ（クラスやIDではない）の書き方を教えてください。ブラウザごとに異なるcssファイルを管理できません。同じcssファイルとクラスを使用したいのですが、違いがある場合は、ブラウザーのパシフィックプロパティについて説明します。

その方法を教えてください。

4

5 に答える 5

3

より具体的にしてください。ただし、一般的にcssを作成する場合は、すべてのブラウザーと互換性がある必要があります。

webkitのようなものはさまざまですが（Firefoxではmozです）、通常、cssで特定のものを検索する場合は、すべてのブラウザーでそれを行う方法があります。

background-image: -webkit-linear-gradient(left, #cccccc, #333333, #cccccc);
background-image: -moz-linear-gradient(left, #cccccc, #333333, #cccccc);
background-image: -ms-linear-gradient(left, #cccccc, #333333, #cccccc);
background-image: -o-linear-gradient(left, #cccccc, #333333, #cccccc);

たとえば、上記のコードはほとんどの最新のブラウザで機能するはずであり、すべてが失敗した場合は、フォールバックがあります（この例ではプレーンブラック）。

また、いつでも別のcssファイルを使用できます。それほど難しくはありません。

于 2012-12-05T03:05:45.323 に答える
2

jqueryを使用してさまざまなcssクラスを適用できます

if($.browser.msie){
$("#someDiv").addclass("SomeClass");
}

$.browser.msieはInternetExplorer用です
$.browser.chromeはchrome用です
$.browser.mozillaはmozilla用です
$.browser.safariはsafari用です
$.browser.operaはopera用です

このようにすると、ポジショニングに基づく問題に関して柔軟性が得られます。

参照：http ：//api.jquery.com/jQuery.browser/

于 2012-12-06T21:14:21.587 に答える
1

非常に簡単に言えば、必要に応じて各ベンダープレフィックスを書き出すか、LESSなどのCSSプリプロセッサを使用する必要があります。

Prefixrは、Sublime Textを使用している場合は、プラグインとしても機能します（LESSを使用する場合を除きます）。

于 2012-12-05T03:35:54.703 に答える
1

ベンダー固有のプレフィックスを意味していると思います。私はあなたが好きかもしれない何か面白いものを見つけました：http： //css3please.com/。

他の関連ツールについては、これを確認してください：http: //css-tricks.com/tldr-on-vendor-prefix-drama/

于 2012-12-05T08:06:00.097 に答える
0

可能であれば、別のアプローチをお勧めします。ブラウザごとに作成する代わりに、機能をテストして、それに応じてコードを変更できますか？もしそうなら、このプロジェクトは役に立ちます：

http://modernizr.com/

于 2012-12-05T02:56:47.123 に答える