問題タブ [cross-browser]

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

最近は常に完全な検証に努めていますが、時間の無駄ではないかと思うことがよくあります。コードが実行され、すべてのブラウザーで同じように見える場合（browsershots.orgを使用して確認します）、さらにコードを進める必要がありますか、それとも過度に肛門的ですか？

次の目的でコードを作成するときに、コードをどのレベルに保持しますか。

a）あなた自身b）あなたのクライアント

PSジェフと会社、なぜスタックオーバーフローが検証されないのですか？:)

編集：いくつかの良い洞察、私は非常に有効であるため、私は何が問題を引き起こし、何が問題を引き起こさないかを知ってプログラムするので、最初にサイトを作成し、次にサイトを作成する人々よりも良い立場にあると思います「戻って検証の問題を修正してください」

スタックオーバーフローについて別の質問を投稿するかもしれないと思います。「進行中に検証しますか、それとも終了してから戻って検証しますか？」それがこの質問が進んでいるところのようです

私が取り組んでいる Web サイトにインタラクティブな (DOM リスナーなどとのアタッチとイベント処理) ベクトル グラフィックを表示する必要があります。SVG には W3C の推奨事項がありますが、この形式は Internet Explorer のサポートではまだ認識されていません (公開 Web サイトの場合)。IE は VML を処理しますが、ブラウザー (SVG と VML) に応じてキャンバスのような描画を行う JavaScript ライブラリーもあります - excanvas、Dojo Toolkit の GFX など。指定されたマークアップから SVG 画像を表示できるものはありませんが、それは素晴らしく、許容できます。

したがって、質問は実際にはいくつかの部分で構成されています。

1. 特定のマークアップ (必須の SVG ではない) からベクター グラフィックスを表示し、DOM イベントにアタッチする可用性を提供するクロスブラウザー Javascript ライブラリはありますか?
2. 存在しない場合、そのようなタスクを実行するのに最も適した最も人気のあるブラウザ組み込みテクノロジはどれですか? Flex/Flash、Java アプレットから選択できます。Windows ロックインのため、Silverlight はオプションではありません。

[編集]コメント/提案をありがとうございます。以下は、この問題に関する私のランダムなメモ/結論です。

• 私が必要とする対話性のレベルは、表示されているベクター画像で DOM イベント (マウスオーバー、マウスアウト、クリックなど) を検出する機能と、背景色の変更、ダイアログの表示などのそれらに反応する機能です。
• SVG 形式に固執するという考えは、最も人気のある IE を除く多くのブラウザーでネイティブであるため、非常に適切です。動的 SVG の表示をいくつか試した結果、IE バージョン 7 が最も問題があることがわかりました。ブラウザの非互換性のため、面倒が多すぎます。
• Cake は素晴らしい Javascript フレームワークのようですが、IE7 でサンプルを動作させることはできませんでした。
• Java アプレット - 高品質の SVG レンダラーである Apache Batik ライブラリを使用できると思っていたので、このアイデアが最も気に入りました。しかし、Batik は非常に大きなライブラリであり、数メガバイトのアプレットを展開する余裕はありません。
• Flexオプションを使い続けることにしました。素敵なベクター グラフィックス ライブラリDegrafaを見つけました。独自のマークアップ形式を使用しますが、SVG パス表記を認識します。そのため、私の場合、SVG を XSLT を使用して変換するか、解析するだけで簡単に変換できます。

[編集 2 ] さらにいくつかのコメントが表示されました。「Windows ロックイン」とは、Silverlight が Windows、より具体的には IE で通常実行される状況を意味することを明確にしたいと思います。他のシステムで受け入れられているソリューション (たとえば、Flash や Java アプレットなど) であるとは思えません。はい、どのシステムでも Silverlight アプリを起動できることに疑いの余地はありませんが、平均的なユーザーにとっては手間がかかりすぎるのではないかと心配しています。

@Akira: IE7 の「SVG レンダラー」で何か問題がありましたか? 常に Javascript エラーがスローされます。

面白そうだし、いろいろ試してみましたが、Webブラウザでの開発IDEはやがて悪夢のようです。

誰かがそれを使用した経験がありますか、そしてあなたの考えは何ですか？

初期のポッドキャストの 1 つで、Joel と Jeff がsIFRについて話しているのを聞きました。私はwww.american-data.comとwww.chartright.usでそれを使用してきましたが、かなり複雑な結果が得られました。

昨日、私の Web サイトのテキストの最初の行が、Flash Player を使用しない Internet Explorer 6 で上下逆さまに表示されるという通知を受けました。Flash Player がない = sIFR がないため、評価が間違っていたと確信しています。しかし、少なくとも IE 6、7、および 8 では、自分のページで奇妙な動作が発生しています。Firefox のコンピューターでフォントが見苦しく見えたため、本当に sIFR を使用したかっただけです。

私の質問は次のとおりです。sIFR を使用している場合、sIFR はいつ使用しますか? どのような場合に sIFR を無効にしますか? ブラウザー フォントのみを使用する方がよいのはどのような場合ですか?

<ul>ナビゲーション用のリストを使用するページがあります(Javascript は、マウスオーバー時にスタイルを表示するかどうかを変更します)。

ページにGoogleマップがある場合、IE6とIE7を除いて、これはうまく機能しています。

この場合、ドロップダウンは機能しません。ただし、このページは FireFox 2 でも引き続き機能します。

少し調査したところ、これが IE Select Box のバグの例である可能性があることがわかりましたが、Google マップでは<div>ではなく が使用されているように見えるため、確信が持てません<iframe>。

他の誰かがこれに似た問題に遭遇しましたか?もしそうなら、この問題を克服するための最善の方法に関する推奨事項はありますか?

CSSを使用して、

Firefox でタグの高さを指定しようとしていますが、span受け入れられません (IE は受け入れます)。

Firefox は、heighta を使用すると を受け入れますdivが、a を使用する際の問題divは、この特定のインスタンスでは使用できない、その後の煩わしい改行です。

次のCSSスタイル属性を設定してみました：

これは、crossbrowsertesting.com のように、オペレーティング システムとブラウザーを組み合わせてページを表示できるツールについてではなく、実際の CSS を作成または把握するツールについて話しているのです。

私はjQueryを使用しており、この場所の周りに絶対位置のdivを配置できるように、 <textarea>sとボックスのキャレットのピクセル座標を取得するクロスブラウザの方法を見つけようとしています。input

jQueryプラグインはありますか？それとも JavaScript スニペットでそれを行うのですか?

ここには、ユーザーが「ログアウト」する必要がある内部 .net Web アプリケーションがいくつかあります。これはイントラネット アプリケーションでは意味がないように思えるかもしれませんが、それでも存在します。

イントラネット アプリに Windows 認証を使用しているため、.net フォーム認証を使用する場合は Cookie ではなく、基本認証を使用して Active Directory に接続し、資格情報をブラウザー キャッシュに保存します。

IE6+ では、次のようにして作成された特別な JavaScript 関数を利用できます。

ただし、サポートされる他のブラウザー (現時点では Firefox ですが、マルチブラウザーのサポートに努めています) については、アプリケーションからログアウトするにはブラウザーを閉じる必要があるというメッセージをユーザーに表示するだけです。アプリケーションキャッシュを効果的にフラッシュします。

いくつかのコマンド/ハック/などを知っている人はいますか? 他のブラウザで認証キャッシュをフラッシュするために使用できるものですか?