根据所选类别更改标题背景

时间:2012-08-16 12:54:42

标签: php css background header

我需要能够在不同类别的cubecart v5上更改标题背景。

因此,当选择类别1时,我需要标题背景更改为cat1.jpg,并且在选择产品时保持相同。每个类别都需要这样做。

这就是类别网址的外观

index.php?_a=category&cat_id=1

这就是产品网址的外观

index.php?_a=product&product_id=1

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

这就是我要做的事情,所以这可能不适合你的需求:

假设标题不是内容的一部分,则它不应该是<img>标记。我们应该使用background<header>元素上的CSS <div id="header">属性。

因此,在您拥有标题的模板中,您确实创建了一个带有类别ID的CSS类。

<div id="header" class="cubecart-category cubecart-category-<?php print $catID; ?>">

如果这打印出cubecart-category-5,那么我们的CSS将如下所示:

.cubecart-category {
    height: 100px;
    width: 980px;
    ...
    background: none no-repeat scroll 0 0 transparent;
}
.cubecart-category-5 {
    background-image: url(cat5.jgp);
}
.cubecart-category-6 {
    background-image: url(cat6.jgp);
}

然后,您可以在类cubecart-category上放置默认图像并将其覆盖。

我知道这是一个通用的答案,但对你有什么帮助吗?让我知道。