問題タブ [css-hack]
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.
css - Opera 12のCSS固有のルール？
重複の可能性：
CSSをOperaでのみ表示する方法
多くの場合、すべてのブラウザーでデザインを同じように見せるために、ブラウザー固有のCSSルールを使用する必要があります。通常、IE 7-8で必要ですが、今回はOpera、特にOpera12以降で使用します。
私はOperaのいくつかの解決策を見つけました：
しかし、これらは11以下でのみ機能します...
Opera 12の解決策はありますか？
css - Safari 5 の CSS ハック
Web ページを開発していますが、クロス ブラウジング テストをテストすると、CSS スタイルが Google Chrome および Safari 5 と競合するようになりました。
すべてのブラウザー (firefox、chrome、opera) 用の私のコード
私はこれを試しますが、うまくいきません
Safari 5 のみを対象とする CSS ハックはありますか? 私は多くのことを試しましたが、どれもうまくいきませんでした。
html - すべての IE css ハック
すべての IE ブラウザに css ハックがありますか。特定の IE バージョンではありません。
私は試した
ただし、IE7 および IE11 では機能しません。
css - CSSLintでスターハックを完全に無視しますか?
私はこのようなCSSを持っています:
経由でCSSLintを実行すると
それでもこのエラーが表示されます：
修正はありますか？
internet-explorer - スタイラス キープ "\9" CSS IE9 ハック
Stylus で IE9 ルール ( width: 40px\9; )のみを記述しようとしていますが、Stylus はその\9部分を削除し続け、代わりに空白文字に変換しているようです。\と のさまざまな組み合わせを試しまし/たが、役に立ちませんでした。
例えば
にコンパイルします
\スタイラスをリテラルの「\」として保持し、空白に変換しないようにする方法を知っている人はいますか?
css - ハックせずにフロートをクリアし、テキストの折り返しを防ぐ
サイト全体で使用できる画像付きの宣伝文句のリストを作成しています。幅が指定されておらず、非常に柔軟で、画像がなくてもさまざまなサイズの画像でも適切に機能するようにしたいと考えています。ブロックのテキストがその画像よりも長い場合、テキストが画像の下に折り返されないようにします。
私はそれが欲しいとほぼ正確にフィドルを作りました。https://jsfiddle.net/4dbgnqha/1/
問題は、上級開発者が、フロートをクリアしたり、ラップを防止したりするために、overflow:hidden を使用できないと言ったことです。理由は次のとおりです。
「オーバーフロー隠しは、指定した要素をラップするオブジェクトを生成します。そうすることで、その要素で認識される表示可能領域を制限できます。これにより、IE でクォーク モードが呼び出され、そのページの他の要素にカスケード効果があります。そしてそれらがどのように解釈されるか」
したがって、同意するかどうかに関係なく、使用できません。彼が言ったので、私はclearfixハックも使用できません：
「clearfix は before:: および after:: 要素を DOM にダンプします。この種のことがレイアウトを複雑にすることは望ましくありません。動的に追加された要素と潜在的なサードパーティ コードを扱う DOM をトラバースする場合は特にそうです」
さて、これらのハックなしでレイアウトを構築する方法を見つけようとしましたが、必要な制約 (画像またはコンテナーの幅が固定されていない) でそれを取得することができませんでした。
これがサンプルCSSです（「ハック」付き）：