@Piradius да. они наследуют позицию родителя но при этом их z-index указывает только на расположение внутри родителя но не прародителя. Печалька всплывает при использовании fixed. только при этом он "покидает" своего истинного родителя и позиционируется относительно body.
мой пример работает и работает на всех новых устройствах - Я просто показала пример (это не рыбка, а удочка которая поймает рыбку). просто автору нужно почитать про медиа запросы и что они умеют а что нет
@Petroveg эммм... а эта ссылка уже к главному вопросу не относится.. Иногда заказчик не просит поддержку ретины. И да бывает не только x2 но и x3, x4... К ним вообще редко кто делает. Почему редко так это вопрос к дизам которые не дают картинки x3 и x4 и к заказчикам которые не требуют
@Petroveg а на детей не влияет и влиять не может - запущенный случай. А что показал вывод через js так это вообще загадка... - это блин очевидно что он такое выведет! Это одно и тоже сейчас спорить что display block width по умолчанию не 100% родителя а auto которое не равно 100% родителя
@Petroveg так напишите не 320 а 640! хотя хавать запрос он будет от 320 так как ретина 640 ведёт себя как 320 только картинки берёт х2. Не знаю почему так, но уже не один сайт тестили и он брал запрос от 320. Опять же Вы можете пойти и по более сложному пути - распознавать устройство через js. Но есть ли смысл?
@Petroveg а причём тут разрешения??? Я более чем уверена что и разрешения у них одинаковые просто под ретину через те же медиа запросы подключаются картинки x2. - это Я по iPhone сужу. Так как мы под них делаем под 3-5 и проблем с этим никаких нет разрешения одинаковые только дисплеи разные
@Petroveg поиск конкурирующих «прародителей» - это Вы где такое вычитали в "z-index у детей будет отрицательный относительно прародителя (первого блока) если родитель отрицательный"
@Petroveg не на устройство, а на предпочтения на какую аудиторию ориентироваться. Можно писать стиль вообще к каждому устройству, но есть ли смысл. www.adamkaplan.me/grid - их очень много.
@Piradius Только разве что переносить блок через js. но с другой стороны это признак того что вёрстка где-то "дала течь". Пересмотрите код, может есть выход более лёгкий
