4

Ruby on Rails アプリで ActiveScaffold を使用しています。表のスペースを節約するために、表のデフォルトの「アクション」テキスト (つまり、「編集」、「削除」、「表示」) を CSS を使用したアイコンに置き換えました。また、action_link.add (「移動」と「コピー」) を使用していくつかのカスタム アクションを追加しました。

わかりやすくするために、マウスをアイコンの上に置くと、関連するアクション (つまり、「編集」、「コピー」) を含むツールチップがポップアップ表示されるようにしたいと考えています。

タグに単純な「alt」定義を追加することでこれができると思ったのですが、うまくいかないようです。

誰かが私を正しい方向に向けることができますか?

4

10 に答える 10

16

このalt属性は、画像がない場合、またはテキストのみのブラウザで、画像の代替として使用されます。

IE は、ツールチップとして表示したときに間違っていましaltた。それは決して意図されたものではありませんでした。

これの正しい属性は ですtitle。もちろん、これは IE ではツールチップを表示しません。

したがって、IE と FireFox/Safari/Chrome/Opera の両方でツールチップを表示するには、alt属性と属性の両方を使用しtitleます。

于 2008-09-12T15:17:53.593 に答える
9

このスレッドに追加するちょっとしたポイントです... alt タグや title タグはありません。alt 属性は画像用ですが、ページ上の他のすべての要素には title 属性を含めることができます。これは、ブラウザー間の互換性を確保するための最良の選択です。

<span title="Click here to edit the foo">
  Edit
</span>
于 2008-09-12T21:29:36.913 に答える
2

「タイトル」タグが必要です。これがもう必要かどうかはわかりませんが、通常は alt タグと title タグの両方を追加して、すべてのブラウザーでツール ヒントが同じように表示されるようにしています。

于 2008-09-12T15:09:04.877 に答える
1

HTML のツールチップはaltイメージ タグのテキストの内容ですが、CSS を使用してこれを設定している場合background:url(...);は、イメージではなくスタイルを使用している可能性があります。

于 2008-09-12T15:08:56.377 に答える
1

alt画像とリンクで使用しtitleます。

于 2008-09-12T15:09:18.560 に答える
1

img タグの alt プロパティは一部のブラウザーでは機能しますが、すべてのブラウザーでは機能しません (一部の mozilla ベースのブラウザーなど)。

これを行う「正しい方法」は、title プロパティを使用することです。

于 2008-09-12T15:15:29.510 に答える
0

Joel Coehoom が指摘したように、私のアイコンが実際には背景画像であることに気付き、背景の上に title 属性と alt 属性を付けた transparent.gif 画像を作成しました。

于 2008-09-12T21:24:14.367 に答える
0

Prestaul が指摘したように、alt タグは画像に対して機能し、タイトルはリンクに対して機能するはずです。ただし、これはブラウザにも依存します...ほとんどのブラウザは、このメタデータをツールチップとして表示する機能を実装する必要がありますが、そうする必要はありません。

于 2008-09-12T15:14:50.777 に答える