1

我需要我的管理员能够更改/更新我网站的横幅。

这是横幅代码

<div class="containertop">This depends on the background of the div</div>

这就是 CSS

.containertop
{
     width:1000px;
     height:300px;  
     **background:url(../images/1.png) no-repeat center;**
     margin: 0 auto;
     margin-top: 40px;
}

我希望发生的事情与 Facebook 封面照片相同。上传新横幅时，CSS 将被更新（类似这样）。但是，当然，必须从数据库中获取新横幅。

所以我认为CSS会变成这样：

获取保存的横幅源，然后：

background:url(<?php echo $row['image']; ?>);

但是我可以在 CSS txt 中连接到数据库（包括 'dbname.php'）吗？

4

4 回答 4

3

没有什么可以阻止您使用 PHP 生成的 CSS。这甚至很容易。

只需像这样启动您的 php 文件：

<?php
header("Content-Type: text/css");
于 2012-07-13T14:08:57.177 回答
1

您可以在加载 php 文件时设置 containertop 背景。

<?php
echo "<style>.containertop{ background:url(../images/".$row['image'].") no-repeat center;}</style>"
?>

这将设置从 db 获取的背景。

于 2012-07-13T14:13:57.360 回答
1

我同意本。如果您在页面中制作了一个嵌入式 css 部分，则可以将 .containerTop css 代码放在那里。然后，将您的代码放入页面中。因此，在您的实际网页中，输入以下内容：

<style type="text/css">
.containertop{
width:1000px;
height:300px;  
background:url(<?php echo $row['image']; ?>);
margin: 0 auto;
margin-top: 40px;
}
</style>

当然，您的后台 url 在重新加载之前不会更新。如果您决定这样做，请不要忘记将 .containerTop 定义从您现有的 css 中取出。说了这么多，我真的很喜欢dystroy的回答。非常好。我从没想过这样做。

于 2012-07-13T14:17:00.583 回答
0

好吧，您可以使用 jQuery 更改/覆盖 CSS 文件。

例子 -

$('.containertop').css('backgroud','url(images/change.jpg) repeat');

或者

$('.containertop').css('backgroud','url(<?php echo $images_url ?>) repeat');
于 2012-07-13T14:15:21.417 回答