imgタグ内Divタグ

それぞれの画像にテキストを追加する必要があり、imgタグを使用して画像ギャラリーを構築しました。 imgタグの下にdivタグを追加できません。ここに示したものと同様に：imgタグ内Divタグ

<img id="img1" class="img1_1" src="hello1_1"> 
    <div class="textDesc">HELLO1_1</div> 
</img>

のdivをimgタグに追加されているが、私は、画像の上にテキスト「HELLO1_1」を参照してください傾けます。

誰か助けてください。ソースコードが必要な場合は、あなたと共有することができます。ここで

は、シナリオをテストするためのリンクです： http://jsfiddle.net/XUR5K/9/

出典

2012-05-03 KashCSS

これ以外の方法で行う必要があります。代わりにimgをdivタグの中に入れてください。 – Eddy

想定される解決策（おそらくはうまくいかない）の代わりに、達成したいことを説明する必要があります。人々は彼らの答えでそれについて異なる推測をしました。画像の下に（または上または横に）キャプションを表示したいのですか、画像の中にテキストの中に名前などのテキストを入れたいですか？あなたの質問にはこれに混在した信号があります。 –

ありがとうございました。私は階層を逆転し、それはうまくいった。 – KashCSS

イメージタグが子要素を持つことができません。代わりに、CSSを使用して画像の上にDIVを配置する必要があります。

例：

<div style="position: relative;"> 
    <img /> 
    <div style="position: absolute; top: 10px;">Text</div> 
</div>

だが、一例。これを行う方法はたくさんあります。

出典

2012-05-03 05:02:45

お返事ありがとうございます。私はdivとimgの階層を変更し、それは働いた。 – KashCSS

要素には自己終了タグが付いているため、子要素を与えて動作させることはできません。そのコンテンツモデルは、空のと定義されています。 Source。

W3C仕様で言及されているように、img要素がの代わりに要素に置換されているため、指定した子がレンダリングされない可能性があります。

出典

2012-05-03 05:02:57 alex

-3

良い音質の規則。

ヌルソースをIMGタグに使用してください。
WebKitブラウザ用のコンテンツ：を使用してください。
要素を挿入するJavaScript。 HTMLで消去しても影響はありません。

また、擬似要素を使用することもできます。

例：https://github.com/Alexei03a/canvas-img

出典

2012-12-13 11:51:27 user1835582

答えて

関連する問題