Проблема с текстом над изображением в IE

У меня есть некоторые проблемы с созданием простого текста над изображением в IE. Изображение имеет более низкий индекс z, чем текст, поэтому я не уверен, что это может быть. Я также попытался придать тексту относительную позицию, а не абсолютную. Но он все еще не работает. Кто-нибудь угождает любым идеям ???Проблема с текстом над изображением в IE

Благодаря

источник

2011-01-11 Denise

Можете ли вы изменить свой вопрос с помощью кода, который вы используете в данный момент? – thirtydot

Вы могли бы предоставить некоторую разметку и css? – Jay

Было бы намного легче ответить на этот вопрос, Он выложили какой-то код. Кроме того, мне интересно, что эта проблема связана с javascript? – Simon

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

источник

2011-01-11 15:56:22 Sparafusile

Я думаю, что он означает текст из другого тега – amosrivera

И вы знаете это, потому что можете прочитать его мысли? Я ответил на его вопрос о том, «как поставить простой текст над изображением», совершенно точно учитывая информацию, которую он дал. Нет причин отрицать ответ. – Sparafusile

Мы все без причины, не так ли? –

IE не обрабатывает Z-индекс, как в стандартных состояниях. Лучшее решение - поместить изображение в качестве свойства background-image в контейнер (например, div) и текст внутри этого div. Таким образом, все браузеры распознают правильный порядок.

Второе решение заключается в размещении как IMG и промежуток (содержащий текст) в DIV со следующими свойствами:

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

источник

2011-01-11 15:58:37 bedeabza

Поместить изображение и текст в сНу контейнер установлен в «относительно» должность. Установить изображение в позицию '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 все равно не нравятся.

источник

2011-01-11 16:01:58 Chris

Проблема с текстом над изображением в IE

ответ

Смежные вопросы