2

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
...

どうすればこれを解決できますか?

4

3 に答える 3

2

組み込みの Drupal 関数を使用して一意の識別子を に追加bodyできるため、CSS で各ページを個別にターゲットにすることができます。

たとえば、本文に が含まれている場合、id="news"これを CSS に追加することで背景画像を変更できます。

#news #mainimg {
    background-image: url("../img/news.jpg");
}
于 2012-06-14T16:20:44.663 に答える
1

ページごとに異なるクラスを使用します。

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;
}
于 2012-06-14T16:25:02.413 に答える
-1

画像phpを生成します。
1) set header("コンテンツタイプ: 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;
于 2012-06-14T16:23:10.497 に答える