Абсолютное позиционирование не работает в IE10,11 как быть?

Question

[avr1972]

Есть некоторая обертка к ней применины стили:

.wrapper{
    position: absolute;
    z-index: 0;
    background-image: url("/img/atlantic.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    height: 500px;
    left: 0;
    min-width: 50%;

  }

Картинка отображается во всех браузерах кроме IE10,11. К родительскому элементу применен просто position:relative. Подскажите пожалуйста как победить IE?

Comments

[hellcaster]

поддержка position: absolute в IE 100% (если верить caniuse). Поэтому проблема не в этом

[avr1972]

Victor Muryn, А в чем может быть проблема? Если убрать position: absolute все отобразится

[hellcaster]

avr1972, возможно z-index: 0

[avr1972]

Victor Muryn, Менял без толку

[ⓒⓢⓢ]

avr1972, отрисованный блок .wrapper - он вообще имеет ширину (width) в ie ?

Если у родителя только стиль "position:relative" и других стилей нет.
Тогда зачем в дочернем использовать стиль "min-width: 50%;" - тут совсем логики не вижу
Или что-то не договариваете или оставляете в стороне...

[Ankhena]

avr1972, Выложите, пожалуйста, стили родителя и "дедушки".
Вероятнее всего, у родителя нет ширины. Посмотрите в инспекторе.

[avr1972]

JRK_DV, Просто есть второй точно такой же, у него тоже 50%

[hellcaster]

avr1972, выложите стили на codepen, jsfiddle или скиньте просто так

[avr1972]

Victor Muryn, Я все стили здесь написал. И сделал отдельный файл только с враппером и дивом. Что интересно если во враппер положить див с заданной шириной, появляется фон.

[ⓒⓢⓢ]

avr1972, больше склоняюсь, что нет ширины у блока с картинкой, пробуйте заменить
min-width: 50%;
на
width: 50%;
из описания больше нечему мешать отображению

[hellcaster]

avr1972, возможно где-то пропущенная скобка, или дела не в этом, а где-то в другом. Такое часто бывает в СSS. Сделал ошибку в одном месте, а вылазит боком в другом

[avr1972]

Ankhena, У родителя был просто relative, прописал ширину в пикселях не помогло

[avr1972]

JRK_DV, Помогает только если width в пикселях задать но мне так не надо

Answer 1

[avr1972]

Если кому интересно. Оказалось надо родительскому блоку main задать display:block

Comments

[avr1972]

Ankhena, Ну простите, если можете. Спасибо Вам большое