0

それで、私がインラインブロックである要素を持っているとしましょう。したがって、これはie6またはFF2では機能しません...

cssハックと-moz-inline-stackを使用してそれを補うとしましょう...

ここで、インラインブロック要素もposition：relativeであるとしましょう。したがって、これはコンテナであり、位置absolute、top：0、right：0の子要素があります。

古いブラウザでは、子要素はインラインブロックコンテナ要素の右上ではなく、画面の右上にあります...

これで、子要素の周りにdivをラップして、それを「相対位置」にすることでこれを修正できます...しかし、可能であれば、不要なマークアップを避けたいと思います。

当初私はやりたかった：

if (browser == ie6 || browser == ff2) {
  wrap child element with div for older browser..
} 
else {
  assume everything is fine
}

しかし、私はこのようなことをする方が良いと思っています：

if (child element is at the top right of the screen) {
  wrap child element with div for older browser..
} 
else {
  assume everything is fine
}

だから私はただ興味があります、ここの人々がこの種のものをどのように推薦するでしょうか。

ありがとう！

4

1 に答える 1

2

一般に、Modernizrはブラウザ機能の検出に最適です。Modernizr

要素にクラスを追加して、スタイルシートの特定のブラウザ機能をターゲットにできるようにします。実際に使用するためにJavascriptを作成する必要はありません。

特定のシナリオには適用できない場合がありますが、ModernizrはCSS機能の検出も行います。例えば、

border-radiusなどのクールな機能を利用できるようにするためにCSSでifステートメントを実行したいと思ったことはありませんか？さて、Modernizrを使用すると、まさにそれを達成できます！

于 2011-04-08T18:21:30.530 に答える