問題タブ [vendor-prefix]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
internet-explorer - CSS - border-radius が IE6/7/8 で表示されない
次の CSS を使用して、DIV で丸い境界線を実現しています。
しかし、IE 6/7/8 では、IE 固有の半径を含めても、丸みを帯びた DIV 境界線が表示されません (正方形の境界線が表示されます)。
IE 6/7/8 だけが丸い境界線を表示しない理由はありますか?
css - -webkit- や -moz- などの CSS のベンダー接頭辞を検証する方法は?
Webkit/mozilla の境界線の半径とボックス シャドウの CSS プロパティを使用していますが、CSS を検証する必要があります (現在は検証していません)。検証する方法はありますか?
ajax - ブラウザから未加工の CSS ファイルの内容を取得する
CSS ファイルの生のコンテンツを取得する方法はありますか?
ベンダー固有の CSS プロパティを CSS ファイルから取得したいと考えたとします。どうにかして CSS コンテンツを取得し、それに応じて解析する必要があります。または、DOM を使用して CSS ファイルのルールにアクセスすることもできます。
問題は、DOM を使用している間、ほとんどすべてのブラウザー (<= IE8 を除く) がブラウザー エンジンに関連しないすべてのカスタム プロパティを削除する傾向があることです (webkit は -moz と -o と -ms を削除します)。 . したがって、CSS コンテンツを取得することはできません。
AJAX を使用して CSS ファイルのコンテンツを取得した場合、その CSS ファイルが別のドメインでホストされている場合、同じオリジン ポリシーが破られ、CSS コンテンツを取得できませんでした。
クロスドメイン AJAX アプローチを使用する場合、javascript コードを解析していないため (したがってコールバックがないため)、機能しない JSONP ソリューションしかありません。
コンテンツを取得する他の方法はありますか?
css - CSS ベンダープレフィックスのリスト?
次のリスト以外に、Web 開発に重要な CSS ベンダー プレフィックスはありますか? 私の定義は正しいですか?モバイル ブラウザー (モバイル Webkit など) について具体的に説明する必要がありますか?
-khtml-
(Konqueror、本当に古い Safari)-moz-
(ファイアフォックス)-o-
(オペラ)-ms-
(インターネットエクスプローラ)-webkit-
(サファリ、クローム)
このリストmso-
( 、-wap-
、およびも含む-atsc-
) に何か価値があるでしょうか?
css - -khtml- ベンダー プレフィックスを削除すると、どのような互換性が失われますか?
-webkit-
ベンダー プレフィックスを使用する CSS の断片があります。「古い」バージョンの Safari との互換性のために、-khtml-
ベンダー プレフィックスと同じルールを使用しています。Konqueror やその他の真の KHTML ブラウザーとの互換性にはあまり興味がありません。
たとえば、次のルールがあるとします。
最近の WebKit ブラウザーは、内部的に all-khtml-
と-apple-
rules を-webkit-
代わりにルールに書き換えることを理解しています。ただし、次の質問が残ります。
Safari のどのバージョンで-webkit-
利用可能になりましたか? つまり、Safari が私のルールを完全に無視する以前のバージョンは何ですか?
この情報を使用して、個々のルール ( など-khtml-user-select
) がこの初期バージョンの Safari で実際にサポートされているかどうかを確認する予定です。
css - CSS-ベンダープレフィックスは検証されません
およびのようなベンダープレフィックスを持つプロパティを使用する場合、 W3CのCSSバリデーターで有効なCSS3を実現するにはどうすればよいですか?-webkit-border-radius
-moz-box-shadow
javascript - CSSでベンダープレフィックスを削除するためのスクリプト
CSSにベンダープレフィックスを自動的にスローするスクリプトを自分のサイトに含めることができますか?標準のCSSを作成したいので、数年以内に戻ってベンダープレフィックスを削除する必要はありません。
css - ベンダー固有のCSS宣言の順序
私は今、次のようなものを千回書いたと思います:
しかし、それらの順序が重要かどうかを考えたのは今だけですか?そのうちの1つだけが読み取られるので、との間は関係-moz-*
ありませんが、W3C標準を最初または最後に実行する方が(将来を保証するなどの点で)優れていますか?-webkit-*
css - ほとんどの一般的な CSS3 プロパティで、ベンダー固有のスタイル プレフィックスが必要になりますか?
私たちのほとんどは、すべてのブラウザーをサポートするためにベンダー固有のプレフィックスを使用して一般的な CSS3 プロパティを記述することに慣れていると思います。そのため、次のようなものを見ることは珍しくありません。
私は最近、ほとんどの一般的なプロパティで接頭辞が必要なくなったことに気付きました。border-radius
そして、現在のブラウザーの急速な更新サイクルを考えると、接頭辞を保持する必要性について考え始めました。たとえば、ネイティブ構文をサポートしていない Chrome のバージョンはまだ多くない可能性があります。
また、私は常にこの種のプロパティをただの見栄えとして考えてきたので、この点に関して、現在は廃止された Firefox 3.* などのサポートを中止しても問題はないと思います。
では、最も一般的なプロパティ、つまりborder-radius
andの接頭辞を削除しても安全box-shadow
ですか?