IEの画像上のテキストに問題がある

Question

IEの画像上に単純なテキストを置くのにはいくつか問題があります。イメージはテキストよりも低いz-インデックスを持つので、それが何であるか分かりません。私は、テキストに絶対的なものではなく相対的な位置を与えるようにしました。しかし、まだ動作していません。誰も何かアイデアをお持ちですか？

おかげ

Answer 1

<img src="myimage.jpg" title="Text over image here"> 

Answer 2

IEを標準状態としてのzインデックスを処理しません。最良の解決策は、画像をコンテナ（divなど）とそのdiv内のテキストに背景画像のプロパティとして配置することです。このようにして、すべてのブラウザが正しい順序を認識します。

第二の溶液は、以下の特性を有するDIVにIMGと（テキストを含む）スパンの両方を配置することである。

<div style="position:relative"> 
    <img src="a.jpg" style="position:absolute;" /> 
    <span style="position:absolute">your text here</span> 
</div> 

Answer 3

「相対」に設定DIV容器内に画像やテキストを入れポジション。 イメージを「absolute」の位置に設定する テキストは画像の上に表示されます

テキストを制御するには別のdivに配置し、marginプロパティを使用して移動します。

<div id="container" style="position: relative;"> 
    <img style="position: absolute;" src="#" /> 
    <div id="textcontainer" style="margin: 10px 10px 10px 10px"> 
      Text to float on image here 
    </div> 
</div> 

z-indexは不要です。IEのバージョンが違いますが、とにかく好きではありません。