2009-11-19 6 views
5

私はjQueryプラグインの "corner"を使用しています:http://www.malsup.com/jquery/corner/ ほとんどそのエッジで私のdivsラウンドを作る素晴らしい仕事をしています。jquery.corner()を使用してIEで枠線を維持

問題は、私のdivに1pxのボーダーが適用されていることです。これはSafari、FF、Chromeなどでうまくいきます。 IE(8)でのみ枠線が消えます。エッジは丸められますが、境界線は描画されません。

上記のサイトで私は$(this).corner( 'keep')を見つけました。国境を保つだろう。 私はそれを試みましたが、IEは四角形の角を丸めずに出力し、罫線を正しく表示します。


助けが必要ですか? thx、Mexx

答えて

2

自分のサイトのドキュメントによれば、2つのdivをネストすることができるので、境界線があるように見えます(IE上で動作します)。

$(this).corner("round 8px").parent().css('padding', '1px').corner("round 10px") 

私はpersonnallyあなたが役に立たないマークアップを追加する必要があるため、それは醜いだと思うが、私はあなたがこのプラグインに固執したい場合は、それが唯一の解決策だaffraidです。

IEでCSS3のborder-radiusを使用する場合は、他にも解決策があります。あなたは、Microsoftがそれについて何を言っているか読んで(と提供されたリンクをクリックしてください)必要があります。http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx

+0

thx Flandreですが、私は多くの要素とそのショップシステムを持っているので、私はそうではありません追加マークアップを追加するつもりです。 Mexx – Max

0

でそれを試してみてください。

$(this).corner("round 38px").parent().css('padding', '1px').corner("round 40px") 

問題があまりにもあります。

0

私は、これは古いです知っているが、それは

簡単な解決策手

使用jQueryの

$('.yourcornerclass').wrap('<div class="youroutercornerclass"></div>'); 
により、すべてのコーナーdivを再ジギングせずに、この質問は、Googleの最初のstackoverflowの結果であることを起こります

もっと詳しい情報はこちら@tonyamoyalフルコード例

関連する問題