Question

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

这有点像本页面顶部的“欢迎来到Q＆amp; A for professional ..”，无论我滚动多远，它都会停留在那里。

我只需要使用包含图像的图像，即使我调整大小，它也会粘在浏览器的右边缘。

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

Answer 1

将{background-position: right top;}应用于背景图片。

Answer 2

您只需要将背景的重力指定为right top。

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

Answer 3

如果我解读你的问题是正确的：使用位置：固定和顶部，在你的CSS中

哦，这是背景图片...... 使用background-position：right top;

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>

固定div无论哪个浏览器大小

4 个答案: