无论浏览器尺寸如何，固定 div

Question

我有一个带有一些装饰的小图像，我需要将其粘贴到页面的右上角。但无论我使用了多少种不同类型的代码，我都无法做到正确。

这有点像本页顶部的“欢迎来到专业问答......”，无论我向下滚动多远，它都会保留在那里。

我只需要使用包含图像的图像来执行此操作，即使我调整大小，该图像也会粘在浏览器的右边距上。

您可以查看网站 http://dawtano.com/pp/ 并查看当前位于页面中间..

Answer 1

您只需将背景的重力指定为右上角即可。

#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>