对于我网站的图像,我从我的 sql 表中获取它们。大多数图像都在工作,并按照它们应该的方式进行设计。但是,我的标题背景的图像不是,我无法弄清楚为什么其他图像工作正常。
这是标题背景的代码,它显示了我如何从我的 sql 表中获取图像:
<header class="background -display-container -grayscale-min" id="home">
<?php
try {
$stmt = $db->query('SELECT image_title, image FROM images WHERE id= 1 ');
while($row = $stmt->fetch()){
echo "<img src='admin/uploads/".$row['image']."'";
}
}catch(PDOException $e) {
echo $e->getMessage();
}
?>
<div class="logan-display-left slogan" style="padding:48px">
<span class="-jumbo -hide-small">Baking for you since '62</span><br>
<p><a href="#about" class="-button -white -padding-large -large -margin-top -opacity -hover-opacity-off">Learn more</a></p>
</div>
</header>
这是它应该遵循的css:
/* Full height image header */
.background {
background-position: center;
background-size: cover;
min-height: 100%;
}