每页都有独特的背景

Question

我正在使用 Drupal 7。page.tpl.php 文件中的我的 bg 图像和图像获取到 css。

我的html：

<div class="mainimage" id="mainimg" class="clearfix"></div>

还有 CSS：

#mainimg {
    background: url("../img/mainimg.jpg") repeat scroll 0 0 transparent;
    height: 500px;
    left: 50%;
    margin-left: -640px;
    position: absolute;
    width: 1280px;
    z-index: 1;
    top:0;
}

我的背景图片看到了所有页面。这很正常。但我想在每一页上更改我的 bg 图像。 例如

...
mysite.com/index.php -bg image: mainimg.jpg
mysite.com/news -bg image:news.jpg
mysite.com/about -bg image: about.jpg
...

我该如何解决这个问题？

Answer 1

您可以使用built-in Drupal functions 向body 添加唯一标识符，这样您就可以在CSS 中单独定位每个页面。

例如，如果正文有id="news"，您可以通过将其添加到您的 CSS 来更改背景图片：

#news #mainimg {
    background-image: url("../img/news.jpg");
}

Answer 2

每个页面使用不同的类。

mysite.com/news

HTML

<div class="mainimage news-bg" id="mainimg" class="clearfix"></div>

CSS

.news-bg {
    background: url("../img/news-bg.jpg") repeat scroll 0 0 transparent;
}

mysite.com/about

HTML

<div class="mainimage about-bg" id="mainimg" class="clearfix"></div>

CSS

.about-bg {
    background: url("../img/about-bg.jpg") repeat scroll 0 0 transparent;
}

Answer 3

使图像生成 php。
1) 设置标题("content-type: image/jpg");
2）检查请求来自哪个页面并选择图像
3) 回显图像的二进制数据。

假设这是在bg.php文件中，你必须设置background-image:url('bg.php');

例子：

function currentPageName() {
    return substr($_SERVER["SCRIPT_NAME"],strrpos($_SERVER["SCRIPT_NAME"],"/")+1);
}
if(currentPageName() == "news.html")
    $imagedata = file_get_contents('path/to/news.jpg');
//etc

header('Content-type: image/jpg');
echo $imagedata;