2012-03-13 22 views
0

altタグのテキストスタイルを変更する必要があります。例えば"alt"テキストを編集

<img alt="Logo" src="images/logo.jpg" /> 

と私はサイズと色にこのALT(altが= "ロゴ")を変更する必要があります。



どうすればよいですか。

答えて

4

私は、ブラウザがalt属性のテキストのために入力したツールチップを意味するものとします。

テキスト自体を変更することから直接制御することはできません。

多くのjQuery pluginsというカスタムツールチップを書くことができるJavascriptライブラリがあります。


更新:

あなたがイメージが見つからない場合、あなたはこれを制御するためのフォントと色のため、通常のCSSルールを使用することができます表示されるテキストを意味します。

+0

ツールチップがタイトルです。このすべては私の友人、 おかげで、 アーロンに役立ちます願っています。 altは欠けている画像のためのものですが、あなたがそれを指定するのが面倒であればタイトルで使用されます。 – user980058

+0

@ user980058 - 私はそれを知っています。あなたはその質問を読んだのですか? OPは 'alt'属性の出現を尋ねているようです。彼は何を意味すると思いますか?そして、 'alt'と' title'が仕様どおりに定義されているかどうかにかかわらず、いくつかのブラウザ**は 'alt'のツールチップを表示します**。 – Oded

+0

彼はツールチップを制御できないことは事実ですが、私は彼がそれらについて話していないことを指摘していました。 – user980058

2

あなたは何のイメージがavailbleでない場合には、示されている文章、意味場合 - ちょうど例えば、CSSを使用します。

img { 
    font-size:20px; 
    line-height:1.3em; 
    color:#ff0000; 
} 
+0

効果はブラウザによって異なります。たとえば、IEでは、フォントのサイズやフォントファミリではなく、色をスタイルできます。 –

0

これは正確な答えではありませんが。その提案。 thisページで指定された機能を得るには、おそらくtooltip pluginsが好きかもしれません。

0

imgタグのフォントを設定しようとしましたか?私は過去にそのようにしてきたと確信しています。

<img ... style="font-size: 150%; color: red;"/> 
0

altツールチップを直接スタイリングすることはできません。

ただし、このプラグインのようなカスタムツールチップを実装することができます:jQuery Tooltipあなたのコードの権利を行っている場合は

0
<span class="styleMe"><img src="..." alt="..." /></span> 

、あなたはaltテキストを見ることはないはずです。

0

エラーが発生した場合、イメージをロードできなかった場合、またはイメージが見つからない場合、イメージが現在のイメージとなるイメージを指定するためのALT属性の理由。あなたのブラウザは次にALTタグを解釈し、その値を出力します。例えば、。

<img src="images/images.png" alt="An Image Should Be Here" /> 

エラーが発生して画像が見つからない場合、ブラウザは画像を正しく表示します。エラーが発生した場合、またはイメージが見つからない場合は、イメージが存在する場所にALT Textが表示されます。 ALTテキストのスタイル(表示されている場合)はCSSで定義できます。しかし、通常、ブラウザのデフォルト値は、ALTテキストをあらかじめ定義された方法で表示します。

私は、onHoverのイメージのテキストを表示するためにALTタグを使用していませんが、onHoverイメージのテキストを表示するためにTITLEタグを使用しています。

http://jquerytools.org/demos/tooltip/index.html

あなたはそれ自体が「ツールチップ」のスタイリングに興味があるなら、あなたは常にあなたが吹き付けているもの...例えば到達するために、様々なjQueryの/ JavaScriptのプラグインやHTMLのイベントをチェックアウトすることがあり

jQueryのツール>ツールチッププラグインが

私はAltキーをない属性

関連する問題