#internet-explorer #z-index #opacity
#internet-explorer #z-индекс #непрозрачность
Вопрос:
У меня возникли небольшие проблемы с моим кодом в IE, все отлично работает в Safari и Firefox, но не в IE.
Моя первая проблема заключается в том, что некоторые из моих divs размещены позади других divs, я пытался изменить z-index , но безрезультатно. Поскольку эти divs есть position: absolute , я не думаю, что это поможет изменить div порядок в HTML.
Вторая проблема заключается в том, что я не могу заставить непрозрачность работать в IE, я пробовал -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; и filter:alpha(opacity=80); , но безрезультатно. Непрозрачность ни на чем не работает в IE.
Третья проблема заключается в том, что одно из моих изображений полностью исчезло, изображение внутри div="kart" нигде не найдено в IE. Я применил float:left; к div , поэтому предполагается, что он будет располагаться под другим div в этом разделе, когда сторона масштабируется. Я нахожу это довольно странным, все остальные img на моем сайте работают нормально, я попытался изменить формат файла, но опять же, безрезультатно.
Я был бы признателен, если бы кто-нибудь мог взглянуть на это, я самоучка, и мне некого спрашивать о подобных вещах.
И прошу прощения за мой плохой английский, я иностранец .. 🙂
Не уверен, должен ли я включать HTML-разметку и CSS-стили, поэтому я просто дам вам URL для начала.
Сайт расположен по адресу http://www.vstil.com
Комментарии:
1. IE непрозрачность == всегда кошмар. 🙁
2. Пожалуйста, укажите версии IE, с которыми вы тестируете.
3. Я тестирую IE8 в Windows xp
4. молодец, что решил ваши проблемы 🙂 Если вы опубликуете решение в качестве ответа, вы можете пометить его как принятое, что поможет другим пользователям в поиске подобных проблем в будущем.
Ответ №1:
Я выяснил некоторые из своих проблем и хотел бы поделиться ими, если у кого-нибудь возникнет такая же проблема.
Первая проблема была связана с z-индексом элемента и его родительского элемента. В IE дочерний элемент не может иметь более высокий z-индекс, чем его родительский элемент, поэтому мне пришлось установить родительский z-индекс равным 3, а затем я мог бы установить дочерний z-индекс равным 2 и 1, чтобы получить их правильно.
Моя вторая проблема с неработающей непрозрачностью заключалась в том, что IE требует установки макета элемента. Решение заключалось в том, чтобы установить ширину и высоту элемента, которому я присвоил непрозрачность.
Третья проблема исчезающего div, которую я еще не выяснил, также сайт был перемещен с сервера и теперь его можно найти по адресу www.fanafysioterapi.no
* Редактировать: также выявлена третья проблема, которая была аналогична первой. Div был скрыт за другим div, потому что некоторые из divs имели относительную / абсолютную позицию, а некоторые — нет. Нашел ответ на мою проблему здесь: https://developer.mozilla.org/en/Understanding_CSS_z-index
снова и снова.