Исправлен div независимо от размера браузера

Question

У меня есть небольшое изображение с каким-то украшением, которое мне нужно прикрепить к верхнему правому углу моей страницы.Но независимо от того, сколько разных типов кода я использовал, я не могу понять это правильно.

Это что-то вроде «Добро пожаловать в Q & A для профессионалов ...» в верхней части этой страницы, оно остаетсятам независимо от того, как далеко я прокручиваю вниз.

Мне просто нужно сделать это с содержащим изображение, которое придерживается правого поля браузера, даже если я изменяю размер.

Выможете посмотреть на сайте http://dawtano.com/pp/ и увидеть изображение, которое в настоящее время находится в середине страницы ..

Answer 1

Вам просто нужно указать гравитацию фона right top.

#deco {
    background: url("images/header-deco.png") no-repeat scroll right top transparent;
    height: 375px;
    margin-top: 7px;
    width: auto;
}

Answer 2

Применить {background-position: right top;} к фоновому изображению.

Answer 3

Если я правильно понимаю ваш вопрос: используйте положение: фиксированное и верхнее, прямо в вашем CSS

О, это фоновое изображение ... Используйте фоновое положение: верхний правый;

Answer 4

Я предполагаю, что вы имеете в виду для #deco div. Если это так, основываясь на вашем текущем примере, это должно работать:

<style>
  background-image: url(images/header-deco.png);
  background-repeat: no-repeat;
  width: 599px; /*you must give an actual width here instead of auto*/
  height: 375px;
  position: fixed;
  top: 7px;
  right: 0;
</style>