【问题标题】:How to target a background-image loaded with CSS?如何定位用 CSS 加载的背景图像?
【发布时间】:2017-06-22 07:40:17
【问题描述】:

我正在尝试以我的background-image 为目标并为其添加比例以使其具有放大效果。

但是当我使用 CSS 加载它时:

body {
  background-image: url(123.com);
  transform: scale(1.2);
 }

它使我的整个网站“放大”。无论如何我可以定位我的特定 CSS 背景图像吗?

【问题讨论】:

标签: html css background-image scale


【解决方案1】:

您可以为此使用background-size

body {
  background-image: url(123.com);
  background-size: 120% 120%;
}

【讨论】:

  • 谢谢!无论如何,我可能会以另一种方式做到这一点吗?我刚刚试了一下,果然奏效了!但我使用封面作为我的 BG 尺寸,以便它与整个屏幕匹配,如果这有意义的话。
  • 你可以使用background-size: 120% auto;它自动按比例调整图像高度
猜你喜欢
  • 2011-11-03
  • 2014-02-17
  • 1970-01-01
  • 1970-01-01
  • 2014-11-03
  • 2017-05-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多