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

发布于 10-27 05:35 字数 276 浏览 4 评论 0原文

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

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

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

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

I have a little image, with some decoration, that I need to stick to the top-right corner of my page. But no matter how many different types of code I've used, I can't get it right.

It's sort of like the "Welcome to Q&A for professional.." on top of this page, it stays there no matter how far down I scroll.

I just need to do this with a containing an image, that sticks to the right-margin of the browser, even if i resize.

You can look at the website http://dawtano.com/pp/ and see the image, that's currently in the middle of the page..

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

苯莒2024-11-03 05:35:43

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

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

You just need to specify the gravity of the background to right top.

#deco {
    background: url("images/header-deco.png") no-repeat scroll right top transparent;
    height: 375px;
    margin-top: 7px;
    width: auto;
}
拥醉2024-11-03 05:35:43

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

Apply {background-position: right top;} to the background image.

街道布景2024-11-03 05:35:43

如果我理解你的问题是正确的:
使用位置:固定和顶部,就在你的CSS中

哦,这是背景图像......
使用背景位置:右上;

If i unsterstand your question correct:
Use position: fixed and top, right in your css

Oh, it´s a background-image...
Use background-position:right top;

失去的东西太少2024-11-03 05:35:43

我假设您指的是#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>

I assume you mean for the #deco div. If so, based on your current example, this should work:

<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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文