こんにちは、フォントサイズをimg altプロパティに設定しようとしていますが、画像サイズに影響します。イメージサイズに影響を与えずにimg altプロパティにフォントサイズを適用
私は、誰もが、画像サイズに影響を与えることなく、画像のALTプロパティのフォントサイズを適用する際に私を助けることができる
---
HTML Code:
<img alt="Some Text" src="http://www.someimage.com/img/010.jpg">
CSS:
img[alt]{font-size:0.75em;}
---
CSSでこのような何かをやっています。
私はJavascriptを使いたくありませんのでご注意ください。純粋なCSS
altプロパティはイメージタグのプロパティです。それは要素ではありません。 srcプロパティをスタイルできないのとほぼ同じ方法で、altプロパティのスタイルを設定することはできません。
img[alt]をCSSのセレクタとして使用すると、画像タグのalt属性を設定していないため、alt属性を持つ画像タグを対象としています。画像タグのフォントサイズを設定しているので、自然に画像タグにも影響します。
イメージをホバリングしたときに一部のプロウサーが表示するツールチップのスタイルを変更することはできません。ツールトップはブラウザの実装の詳細であり、alt属性をそのように使用する必要があるということはHTMLには何もないので、その機能を制御するためのHTMLには意味がありません。
画像を表示することができない場合、ユーザーに表示する何かを付けることです。
私は実際にそのイメージといくつかの詳細と製品のリストを表示しています。今では、画像が表示されない場合は、16pxのデフォルトのフォントサイズが使用されます。そのため、レイアウト全体が妨げられます。 –
@Anubhav Ranjan：どのようにフォントサイズを設定するとイメージのサイズに影響が出るのですか？試してみると、画像サイズにはまったく影響しません。 – Guffa
@Guffa：フォントサイズを0と設定した場合。75emまたはピクセル単位であっても、画像の寸法に影響します。それがあなたのためでないなら、あなたはあなたのCSSスタイリングを共有してください。 –
alt属性については、this answerを参照してください。
助けてくれてありがとう。しかし、私はこれを携帯用に開発されたポータルに適用したいと考えています。だから私は実際にJSを使うことはできません。 CSSでimg [alt]を使用すると、font-sizeが変更されますが、イメージサイズにも影響します。 –
jsのモバイルに関する制限はありますか？ただそれを避けたいですか？ – kinakuta
そのようなプロジェクトの要件。私たちはすべての携帯電話をターゲットにしているので、ほとんどの携帯電話はjsをサポートしていません。だから完全に回避する必要がありますJS –
私は間違っている可能性がありますが、ユーザーの表示プロパティ設定から制御できるだけだと思っていますし、CSSを使って変更することはできません。
私の個人的なテストでは、画像にfont-size属性を設定しても画像には影響しませんでした。
altテキストのサイズを変更できました。最初はalt属性の中にHTMLを入れてみましたが、HTMLではなくプレーンテキストとして表示されました。それから、画像がスパンからfont-sizeを継承しているので、altタグを含むイメージをスタイルで囲み、それがうまくいきました。ここで
は一例です：私の知る限り
<span style="font-size: 0.75em">
<img alt="Some Text" src="http://www.someimage.com/img/010.jpg">
</span>
あなたはCSSでそれに影響を与えることができません。 – kinakuta