Question

我在这个论坛和互联网上搜索解决方案，大多数解决方案可用，但对我的案例没有任何作用......或者我不太了解。

我有一个背景图片，我希望这个高度为100％的宽度和相同的值。

＆＃13;

.top-section {
  background: url('../img-content/Bg1.png') no-repeat center center fixed;
  background-size: cover;
}

＆＃13;

<div class="top-section"></div>

＆＃13;

Answer 1

html, body {   height: 100%; }

.top-section {    
  width: 100%;   
  height: 100%;   
  background-image: url("'../img-content/Bg1.png");   
  background-attachment: fixed;   background-size: cover; 
}

对于其他图像使用类似的

.top-section2 {
  width: 100%;   
  height: 100%;   
  background-image: url("");
  background-size: cover;
}

设置背景图像宽度＆amp;高度，纵横比

1 个答案: