Изменение положения элемента при изменении размера окна в браузерах webkit, несмотря на абсолютное позиционирование

У меня есть элемент, сидящий поверх изображения на сайте. Изображение загружается в окне в правильном положении во всех браузерах и перемещается туда, где оно принадлежит во всех браузерах, кроме webkit (специально для Safari и Chrome). В браузерах webkit, во втором случае вы пытаетесь изменить размер окна, он перемещает элемент под изображением и устанавливает его поля относительно изображения.Изменение положения элемента при изменении размера окна в браузерах webkit, несмотря на абсолютное позиционирование

Вот мой HTML:

<body> 

<div class="header-image"> 
    <img id="headerimg" src="images/header.jpg" alt="" /> 
    <img id="link-header" src="images/link-header.png" alt="" /> 
</div> 

</body>

Вот CSS:

body { max-width:1236px; margin:0 auto; position:relative; } 
.header-image { width:100%; height:auto; max-width:1236px; margin:0 auto; position:relative; } 
#headerimg { width:100%; max-width:1236px; height:auto; } 
#link-header { position:absolute; right:0; margin-right:10%; margin-top:275px; }

Как я уже говорил, каждый браузер делает изменения размера просто отлично. Это только webkit, что я испытываю эту проблему. Какие-нибудь идеи вообще?

источник

2012-12-12 Harlan Bowling

Какой элемент он «перемещает»? –

намного проще, если вы делаете JSFiddle или CodePen :) –

Это элемент # link-header, который перемещается. Я хотел бы сделать jsfiddle, но это для работы, и я не могу опубликовать изображения из-за проблем с соблюдением. Извини за это. Есть идеи? –

Это определенно не имеет никакого отношения к изображениям, поскольку я их не использую, и они испытали такое же странное поведение, что и положено и сосредоточено на Chome выше 1159px, а также на сафари Apple выше 1209px, но на яблоке поведение немного отличается. Размеры между 1235px и 1250px по-разному странные. Я понимаю, что это не отличный диагностический пост, но он так же хорош, как и сейчас. Я напишу больше, если/когда я узнаю больше. Это было проверено на машине winXP после изменения размера. Я часами царапаю голову, поэтому вы определенно не одиноки.

В случае, если вы можете установить размер ниже 1200 пикселей, следует решить проблему. Извините, у меня больше нет помощи.

источник

2014-06-30 15:10:28 PaulnOZ

Изменение положения элемента при изменении размера окна в браузерах webkit, несмотря на абсолютное позиционирование

ответ

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