私は多くのCSS3を使用しており、2つのcssバージョンが必要です。1つはすべてのcss3を使用し、もう1つは使用しません。宣言を簡単に削除できることは知っていますが、宣言を無効にする別の方法があるかどうか疑問に思っています。具体的には、text-shadow、box-shadow、border-radiusを無効にします。
ありがとう。
質問する
232 次
4 に答える
6
deCSS3というブックマークレットを使用できます
すべての css3 機能をオフに切り替えます (「すべて」でなくても構いません。サポートされている CSS3 機能のホワイトリストはこちらに記載されています。必要に応じて、CSS3 をオンに戻すこともできます。
おまけとして、Modernizr を使用している場合は、これらの値も反転するため、.no-boxshadowクラスが取得されます。
なぜこれを行うのか疑問に思っている人へ.. このワークフローは非常に優れているため、完全に Chrome で開発できますが、lo-fi バージョン (IE7、IE8 に提供するもの) がどのように見えるかをすぐに見てください。 .
deCSS3 を使用する前と後を次に示します。
于 2012-05-17T18:02:44.407 に答える
2
それらを無効にすることはできません。できることは、CSS を使用してスタイルをオーバーライドすることだけです。
body * {
text-shadow:none;
...etc...
}
（ねえ、これをするのが良い考えだとは決して言いませんでしたが、うまくいきます）
編集：この答えは私を正しい軌道に乗せました。ありがとう。解決策は次のとおりです。
次のように定義された NoCSS3 というクラスを作成します。
.NoCSS3 * {
text-shadow: none !important;
box-shadow: none !important;
border-radius: 0px !important;}
次に、JavaScript で次の行を追加します。
$('body').addClass('NoCSS3');
そして、あなたは完了です！
于 2012-05-17T17:55:23.200 に答える
1
HeadJSが提供するCSS モダナイザー機能を調べることもできます。
他の多くの機能にも使用できます。
于 2012-05-17T18:00:15.993 に答える