【问题标题】:How to position an image to stretch with the background image如何定位图像以与背景图像一起拉伸
【发布时间】:2016-08-15 16:49:32
【问题描述】:

我正在尝试使公司徽标始终保持在屏幕的左上角,无论屏幕大小。我不想使用固定元素位置,因为我不希望图像随屏幕滚动。我的背景已经自动拉伸到屏幕大小,因此取决于徽标移动的屏幕大小。请让我知道最好使用 CSS

【问题讨论】:

  • 你能给我们看一些代码和截图吗?
  • 我正在使用网站页面构建器,它为您提供保留元素的边距,但背景图像设置为根据屏幕大小进行拉伸

标签: css image css-position


【解决方案1】:

只需在您的徽标样式中使用 position: absolute;

并使用Left, Right, Top, Bottom 属性设置样式。

您可以在 W3Schools 阅读更多关于 position: absolute; 的信息:Link

【讨论】:

  • 我已经尝试过了,它在技术上可以将徽标保持在页面的左上角,但是由于背景图像会根据屏幕大小进行拉伸,因此徽标不会随背景图像一起拉伸,因此使它看起来徽标不再位于页面中间。我想我需要将背景图片和徽标连接在一起?
猜你喜欢
  • 2011-11-12
  • 1970-01-01
  • 2010-12-09
  • 2017-01-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-19
相关资源
最近更新 更多