我试图通过从数据库中获取一个目录和内联样式来为每个div加载一个单独的图像
<div class="query">
<?php
if ($type == "category") {
$query = "SELECT * FROM shopItems WHERE category = '" . $_GET['query'] ."'";
$result = mysqli_query($con, $query);
$i = 0;
while ($row = mysqli_fetch_array($result)) {
$i = $i + 1;
$url = '../img/'.$row['imgSRC'];
if ($i % 2 != 0) {
if ($i != 1) {
echo '</div>';
}
echo '<div class="queryRow"><div class="item" style"background:url(' . $url . ') no-repeat; background-size:contain;">' . $row['productName'] . '</div>';
} else {
echo '<div class="item" style"background:url(' . $url . ') no-repeat; background-size:contain;">' . $row['productName'] . '</div>';
}
}
echo "</div>";
?>
</div>
我的问题是,当加载页面时,$url变量中的斜杠("/")会被空格替换,因此浏览器认为给定了一个无效的url,我该如何解决这个问题?
尝试
style = "background:url(' . $url . ') no-repeat; background-size:contain;"
而不是
style"background:url(' . $url . ') no-repeat; background-size:contain;"
echo '<div class="item" style = "background:url(' . $url . ') no-repeat; background-size:contain;">' . $row['productName'] . '</div>';