0

角を丸くしようとしています (できればborder-radiuscss を使用しますが、この時点で別のオプションを楽しませることができます)。私は CSS3PIE を試しましたが、IE8 で jquery を使用すると問題が発生し、アイテムが実際の位置から数ピクセルずれるという表示上の問題がありました。次にCurveyCornersを試しましたが、ホバー時にcssを変更する機能が停止しました（ jquery を使用$(this).removeClass("nohover");$(this).addClass("hover");）

代替手段はありますか？

4

1 に答える 1

1

私はこれを何度も経験しましたが、いつも同じ場所に行き着きます。これが私の経験が教えてくれることです。

  • 最新のすべてのブラウザーで角を丸くするには、CSS border-radius を使用します
  • 古いブラウザーを適切に劣化させる
  • LESS CSS を使用します (ミックスイン用): http://lesscss.org/
  • LESS CSS ミックスインを使用して、さまざまなブラウザー用に特定のバージョンの border-radius を個人的に入力することなく、border-radius を簡単にコーディングします。http://lesselements.com/
  • 開発中 (またはコードキットの使用中) に、less.js を使用してコンパイルします。

以下は、要素数が少ないボーダー半径 mixin の優れた例です。

#some_div {
  .border-radius(5px, 0, 0, 5px);
}

または、さまざまなバージョンの border-radius を手動でコーディングすることもできます:)

最後に: IE8 で Javascript を使用して角を丸くしようとする主な問題の 1 つは、通常、ブラウザーに多くの余分な作業を要求していることです。IE8 を実行しているマシンは、多くの場合、多くの余分な処理能力を備えていない機関用マシンです。これは、劣化した CSS ページよりもはるかに悪いエンド ユーザー エクスペリエンスになる可能性があります。

于 2012-11-10T09:09:19.473 に答える