jquery - JQuery - 角を丸くする

Question

私のサイトの意図は、曲がりくねった角を追加することです.ページ上のすべての要素の角に曲がりくねった角を丸くする方法があるかどうか誰かが知っていますか...その場合、どのようにしますか?

score 3 · Accepted Answer

これには JavaScript は必要ありません。CSS で実行できますが、IE6 はこれをサポートしていません。すべてのブラウザで、画像を使用する必要があります。

これを試して：

.round{
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

<div class="round etc etc"></div>

score 1 · Accepted Answer

@JLeagle が既に指摘したように、ほとんどのブラウザーで CSS を使用してこれを実現できます。

古いブラウザーのサポートが必要な場合は、使用できる気の利いたjQuery Curvy Corners プラグインがあります。

score 1 · Accepted Answer

最も簡単なオプション: CSS3 ソリューション古いブラウザー (IE6 など) をサポートする場合は、画像を使用する必要があります。ただし、jQueryでこれを行う方法/理由はわかりません。

score 1 · Accepted Answer

<div id="#my-element">Content</div>

CSS:

#my-element{
  -moz-border-radius: 15px;
  -webkit-border-radius:15px;
  border-radius: 15px; /*Future proofing*/
}

また：

jQuery:

$('#my-element').css({
 -moz-border-radius: 15px, 
 -webkit-border-radius:15px,
  border-radius: 15px
});

score 1 · Accepted Answer

これに対する一般的な解決策はありません。さまざまなサイズの要素があり、それらの角の半径をそれらのサイズに合わせて適切にする必要があるためです。ただし、主にクロスブラウザーの問題に対処する必要があるためです。

したがって、私の意見では、あなたの質問に対する答えは 1 つではなく、ここで答えるにはあまりにも漠然としています。

5 に答える 5