Оптимизировать код под IE

@BenQStyyle · Регистрация: 27.04.2014

Студворк — интернет-сервис помощи студентам

В опере и остальных браузерах этот код отображается так как нужно. Но в IE он отображается в левом верхнем углу в "куче"... Как оптимизировать этот код под IE???

HTML5
1
2
3
4
5
6
<div style="position:absolute; top:170; left:5; color:orange; font-size:80px; z-index:4">
<img src="изображение" alt="имя" />
</div>
<div style="position:absolute; top:165; right:5; color:orange; font-size:80px; z-index:4">
<img src="изображение" alt="имя" />
</div>

@Micheal · 03.05.2014, 13:26

А какой IE используете?версия

@BenQStyyle · 03.05.2014, 13:33 **[ТС]**

Эм... вопрос ввел в тупик) не знаю как посмотреть какое IE. Установился вместе с Windows 7

@Micheal · 03.05.2014, 13:43

Настройки -> О программе

У меня стоит IE10 - там предложенный код отображается также, как и в Opera...

@BenQStyyle · 03.05.2014, 13:50 **[ТС]**

IE 9

@Micheal · 03.05.2014, 14:08

Данное свойство (z-index) не работает в Internet Eplorer 9 при позиционировании контейнера, как absolute/fixed.

@Vladislav WebDev · 03.05.2014, 14:42

Сообщение от Micheal

Данное свойство (z-index) не работает в Internet Eplorer 9 при позиционировании контейнера, как absolute/fixed.

Вот это новости...

Сообщение от BenQStyyle

top:170; left:5

Единицы измерения не забыли?

@prudkiy · 03.05.2014, 15:02

Так да. т.е не top: 165; а - top: 165px; Не знаю как там у Вас работало в mazila и chrome так как данный код не работающий во всех браузерах.
Вот исправлено -

HTML5
1
2
3
4
5
6
<div id="block1">
<img src="изображение" alt="test1" />
</div>
<div id="block2">
<img src="изображение" alt=" test2" />
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<style type="text/css">
    #block1 {
       position:absolute;
       top:170px;
       left:5px;
       color:orange;
       font-size:80px;
       z-index:4;
       background: #ccc;
       width: 200px;
       height: 100px;
    }
    #block2 {
       position:absolute;
       top:165px;
       right: 5px;
       color:orange;
       font-size:80px;
       z-index:4;
       background: #ccc;
       width: 200px;
       height: 100px;
    }
</style>

Проверил до ie6 - работает )

Добавлено через 10 минут

Данное свойство (z-index) не работает в Internet Eplorer 9 при позиционировании контейнера, как absolute/fixed.

Что за советы такие? Свойство z-index было введено вместе с position, так как без него позиционирование теряет смысл. Как тогда назвать браузер который поддерживает position но не понимает z-index ?

@BenQStyyle · 03.05.2014, 17:36 **[ТС]**

Супер) во всех браузерах отлично показывает

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

Оптимизировать код под IE

Решение

Решение

@Micheal 53 / 53 / 28 Регистрация: 23.04.2011 Сообщений: 214
	03.05.2014, 13:26
	А какой IE используете?версия 1

@BenQStyyle 0 / 0 / 0 Регистрация: 27.04.2014 Сообщений: 19
	03.05.2014, 13:33 [ТС]
	Эм... вопрос ввел в тупик) не знаю как посмотреть какое IE. Установился вместе с Windows 7 0

@Micheal 53 / 53 / 28 Регистрация: 23.04.2011 Сообщений: 214
	03.05.2014, 13:43
	Настройки -> О программе У меня стоит IE10 - там предложенный код отображается также, как и в Opera... 0

@BenQStyyle 0 / 0 / 0 Регистрация: 27.04.2014 Сообщений: 19
	03.05.2014, 13:50 [ТС]
	IE 9 0

@Micheal 53 / 53 / 28 Регистрация: 23.04.2011 Сообщений: 214
	03.05.2014, 14:08
	Данное свойство (z-index) не работает в Internet Eplorer 9 при позиционировании контейнера, как absolute/fixed. 0

@BenQStyyle 0 / 0 / 0 Регистрация: 27.04.2014 Сообщений: 19
	03.05.2014, 17:36 [ТС]
	Супер) во всех браузерах отлично показывает 0