Question

这是我编写的代码，但是没有用，我的问题是代码可以正常工作，但是图像没有按预期显示

for price, operation in zip(cost_list,mile_list):
    add_cars = "INSERT INTO car_list(price, operation) VALUES(%s, %s)"
    val = (price, operation)
    cursor.execute(add_cars, val)

这不顺利

this the result that i had

Answer 1

无法从您的问题中分辨出来，但是如果您希望页面上的任何元素覆盖整个页面，则必须确保将页边距和边距都设置为零。

如果此元素包含在另一个元素中，则该元素必须允许图像扩展到其边界之外，或者该元素也必须为全尺寸。

以下是在div内将纯蓝色图片设置为背景图片的示例：

body {
  margin: 0;
  padding: 0;
}

.about-bg {
  background: url(http://via.placeholder.com/150/0000FF/808080) no-repeat top center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
}

<div class="about-bg">&nbsp;</div>

Answer 2

根据这个问题，我想您希望图像占据整个背景。我在几张图片上尝试了您的代码，这似乎是因为图片尺寸与屏幕不匹配，因此请尝试此代码并查看是否有帮助。

.about-bg {
  margin:0;
   background: url(backpic.png) no-repeat;
   width:100%;
   height:100%;
   overflow:hidden;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
   }

Answer 3

尝试删除！important。它应该让您占据100％的宽度

我的图像未在html页面中放置为完整背景img

3 个答案: