3

ここに私のページがあります: http://robynrowe.sanscode.com

IE8 を確認してから IE7 (互換モード) を確認すると、この問題が表示されます。右のボックスは IE8 では消えますが、IE7 では完全に丸くなります。

私は jQuery curvy corners プラグインを使用しています。JQuery Curvy Corners by Mike Jolley * * http://blue-anvil.com * * http://code.google.com/p/jquerycurvycorners/ *

なぜこれが起こっているのか、誰かが考えを持っていますか?

ありがとう

ジェイソン

4

2 に答える 2

5

代わりに jQuery ラウンド コーナー プラグインを使用してください。私はかつてあなたの靴を履いていて、曲がりくねった角をあきらめました.

http://jquery.malsup.com/corner/

IE を含むすべてのブラウザでサポートされています。ネストされた div (画像なし) を使用して IE でコーナーを描画します。また、それをサポートするブラウザー (Opera 10.5+、Firefox、Safari、および Chrome) には、ネイティブの境界半径の丸めがあります。そのため、これらのブラウザーでは、プラグインは代わりに css プロパティを設定するだけです。

使い方はこちら

の前に jQuery と Corner js スクリプトを含める必要があります</body>。次に、$('div, p').corner('10px'); のように jQuery を記述します。'' の前に置きます。したがって、html は以下のコードのようになります。divここでは、すべてとpタグの角を丸くしています。特定のIDまたはクラスに対してそれを行いたい場合は、次のようなことができます$('#myid').corner();

<body>
    <div class="x"></div>
    <p class="y"></p>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.11"></script>
    <script>$('div, p').corner();</script>
</body>

http://jsfiddle.net/VLPpk/1で実際の例を確認してください

于 2011-03-02T07:18:41.560 に答える
0

私が見つけた最初の手がかりは、IE8 ではその div の内容がもう存在しないことです (jQuery 処理後)。クラス「border-pink box draw」を持つ div には、別の div のみが含まれ、その中に他の 2 つの空の div があります。DOM を見ると、「味蕾に報いる...」というテキストが見つかりません。

編集：

js エラーにも気付きました。ここに関連スレッドがありますhttp://groups.google.com/group/curvycorners/browse_thread/thread/d40ceb7c3bccec80

どうやらフィルターを確認する必要があります。

于 2011-03-02T07:14:13.450 に答える