2015-01-28 2 views
0

Мне нужно создать div элемент, который всегда будет в верхнем правом углу над всеми остальными элементамиКак сделать фиксированный элемент div с помощью css?

Вот что я пытался

<div id="prompt" style=" height:50px; width:50px; background: #F00; position: fixed; top: 150px; margin-left: 948px; z-index: 9999">Test</div> 

Мне нужно, чтобы работать с IE8, но он не работает ,

+0

Что конкретно не работает? «Фиксированная»? Позиционирование? «Z-index»? – showdev

+0

Вы все еще на экране. установите маржу и верхнюю часть на «0» для тестирования. – Daniel

ответ

1

Вам необходимо установить left: 0; или использовать right без margin-left.

1

Для позиционирования в верхнем правом углу: <div id="prompt" style="height:50px; width:50px; background: #F00; position: fixed; top: 150px; right: 0; z-index: 9999">Test</div>

Измените правильное значение, как вы считаете нужным (то есть, если вы хотите, элемент на равном расстоянии от вершины, как это с правой стороны, сделать право значение 150px)

1

удаляя margin-left: 948px; и добавление right: 0px;, ваш #prompt DIV будет позиционироваться на правой стороне экрана в IE 8 и в основных браузерах, а я верю (Firefox подтвердил).

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