問題タブ [rounded-corners]

CSS を使用して角を丸くするにはどうすればよいですか?

1 つのページのさまざまな場所に角を丸くする必要がある XBAP アプリケーションを作成しています。WPF Rounded Corner コンテナーを使用して、他の要素を多数配置したいと考えています。これをどのように達成するのが最善かについて、提案やサンプルコードを持っている人はいますか? スタイルを使用するか、カスタム コントロールを作成しますか?

JQuery の jquery.corner.js を使用して、いくつかの td タグに丸い角を作成していますが、IE 以外ではうまく見えます

1. 新しいタブを開いてからページに戻った場合
2. 別のタブに移動した場合は、リンクをクリックしてからページに戻ります
3. JavaScriptを実行するdiv /メニューにカーソルを合わせると（私は思う）。

丸みを帯びた角が水平線に置き換えられ、td タグ内のテキストが押し下げられます。ただし、ページが更新されると、レンダリングは通常に戻ります。いずれの場合も、Firefox で完全に動作します。

何か案は？

参考までに、私が使用している Javascript コードは次のとおりです (MOSS 2007 のページです)。

問題を完全に表示するサンプル HTML ページを次に示します。

上記のコードでは、新しいタブを開くと TD が混乱しますが、div は混乱しません。私は、MOSS によって生成された HTML をあまり制御できません。そうでなければ、表の代わりに DIV をここで使用してしまったかもしれません。

これはおそらく本当にばかげているように聞こえますが、jquery の丸い角 ( http://www.methvin.com/jquery/jq-corner-demo.html ) を実装する方法がわかりません。私のjavascript-fuは完全に失敗しており、自分のページで動作させることができないようです. それらを表示するために使用する HTML と JavaScript の簡単な例を誰か教えてもらえますか? 私のばかげたことをお詫びします。

角が丸くなるようにテーブルのスタイルを設定する必要があります。

私はちょうどそれについて最善の方法を見ています：

通常、角を丸くする div のスタイルを設定するときは、上部と下部に空のコメントがある 2 つの div を使用し、サイズ変更と背景画像の CSS をそれらに適用します。

ただし、テーブルには内部境界線があるため、実際のセル境界線と一致するように、隅の背景画像の垂直線を慎重に揃える必要があります。

ここまでは明らかですか？

だから私は他の人がこれにどのようにアプローチするのか疑問に思っていました. 私ができる最善のことは、1 つの完全な固定サイズの背景画像、境界線などを使用し、その上に境界線のないテーブルをオーバーレイすることだと思います。結局、テーブルは常に同じサイズになります。

誰かがより良い方法を考えることができますか?

jQuery プラグインを使用して の丸い角を作成して<li>いましたが、多くのブラウザーでは機能せず、マウス オーバーもサポートされていませんでした。

を使用して、2 つの画像 (左隅と右隅) を左右として使用する最良の方法は何だろうと思っています<li>。

CSS を使用していくつかの丸みを帯びたナビゲーション タブを作成しましたが、実装時に問題が発生していますhover。

説明するのが非常に難しいので、まずここにサイトタブへのリンクを示します。私の問題を理解するために、タブの左側にカーソルを合わせてください。以下に説明しました。

#navigation li左側の角を含むアイテムに背景画像を設定し、次に#navigation a.

ただし、タブの左側にカーソルを合わせると、背景の小さな部分しか表示されません。明らかに、残りの部分にカーソルを合わせたときと同じように、タブ全体を強調表示したいと思います。

これを説明するのは非常に難しいので、問題を理解するためにさらに質問する必要がある場合は、質問してください。

私は非常に単純に見える何かを達成しようとしています...

divラジオボタンといくつかのコンテンツを含む3 つの s があります。

ここの他の投稿にあるテクニックを使用して、各 div の角を丸くするのは簡単です。しかし、ホバー イベントに対してのみそれを行うことができませんでした。つまり、マウスが div の上に置かれたときにのみ、div の周りに丸みを帯びたボックスが表示されるようにしたいと考えています。これがどこかで行われている例を見た人はいますか?

編集：私はすでにPrototypeとScriptaculousを使用しています。これだけのためにjQueryを追加することはできません。

私のサイトは、ユーザーがアップロードした写真のサムネイルを除いて、すべてのボックスと写真の角が丸くなっています。

Python Imaging Library を使用して、白または透明の丸い角を各サムネイルに「描画」するにはどうすればよいですか?

私は WPF への最初の進出を行っています - インライン ヘルプ用に定義されたポップアップを備えた単純なフォームがあります。私は丸みを帯びた角を使用していますが、何らかの理由で黒い背景が角からにじみ出ています。どの要素が問題を引き起こしているのかわかりません。

代替テキスト http://www.awbrey.net/rounded.jpg

私が見ていないだけで、盲目的に明白なものだと思います。私が使用しているXAMLは次のとおりです。