如何将数据库中的派生图像包含到css文件中

时间:2018-05-12 12:13:15

标签: php css

我想从数据库中获取我的网站背景图片。通过banner.css文件加载背景图片。

banner.css 

<?
header("Content-type: text/css");  
include("getfrontimage.php");
$theme = "images";
$size = "cover";
$height = "780px";

?>
<style>
.w3layouts-banner-top{
    background: url(<?php  echo $theme.'/'.$row1[image];?>) no-repeat 0px 0px;
    background-size: <?php echo $size; ?>;
    -webkit-background-size: <?php echo  $size; ?>;
    -moz-background-size: <?php echo $size; ?>;
    -o-background-size: <?php echo $size; ?>;     
    -moz-background-size: <?php echo $size; ?>;
    min-height: <?php echo $height; ?>;
}
.w3layouts-banner-top1{ 
    background: url(<?php echo  $theme.'/'.$row2[image]; ?>) no-repeat 0px 0px;
    background-size: <?php echo $size; ?>;
    -webkit-background-size: <?php echo $size; ?>;
    -moz-background-size: <?php echo $size; ?>;
    -o-background-size: <?php echo $size; ?>;     
    -moz-background-size: <?php echo $size; ?>;
    min-height: <?php echo   $height; ?>;
}
.w3layouts-banner-top2{
    background: url(<?php echo $theme.'/'.$row3[image]; ?>) no-repeat 0px 0px;
    background-size: <?php echo $size; ?>;
    -webkit-background-size: <?php echo $size; ?>;
    -moz-background-size: <?php echo $size; ?>;
    -o-background-size: <?php echo $size; ?>;     
    -moz-background-size: <?php echo $size; ?>;   
    min-height: <?php echo $height; ?>;
}
</style>

但我的网站没有加载背景图片。 我推荐这个链接 enter link description here

请给我任何解决此问题的想法。

1 个答案:

答案 0 :(得分:2)

$row1[image]必须是$row1['image'],因为数组键可以是整数或字符串。如果您启用display of warnings,则在这种情况下您会收到一条消息: Warning: Use of undefined constant image更正其他变量。

在具有.css扩展名的文件中处理PHP代码并不是一个非常理想的解决方案,因为您需要添加特殊指令,以便您的Web服务器将css文件作为php文件处理。在php文件中包含CSS规则更容易,然后使用以下命令将css文件添加到网页:

<link rel="stylesheet" href="css/styles.php">

顺便说一下,short tags <?= $size ?><?php echo $size; ?>更具可读性。