1

我正在尝试将太阳光线的背景图像定位到浏览器窗口的边缘。太阳光线的中心必须出现在标志图像的正下方，标志图像出现在容器 div 的左上角。容器居中，因此在调整浏览器大小时，背景图像和徽标图像应保持相对位置。

我尝试使用百分比作为背景位置：% %; 但它不能很好地调整大小。我尝试使用不需要拉伸的非常大的图像，但在 bg-pos: % % 上的成功率很低，并且还必须创建一个 700kb 的图像（图像是透明的 png 覆盖）。我一直在摆弄下面的组合，但没有取得很大的成功。这些图像永远不会相互“锁定”。

body {
   background: url(image.png); 
   background-position: % % | center; 
   background-size: cover|contain|% %; 
   background-attachment: fixed|scroll;
}

回顾一下：

  • 背景图像必须覆盖/拉伸/延伸超过整个浏览器窗口
  • 太阳光线的中心必须直接出现在徽标下方
  • 调整浏览器窗口大小时必须出现在徽标下方<-这是困难的部分

谢谢！

4

0 回答 0