0

我的风景：我安装了 Omega 主题的 Drupal 7。

我的问题：我必须为我的 css 的特定区域（section-header）设置一个随机背景。由于响应式设计，我有 4 个单独的 css 文件，文件名相同，但唯一的区别是 _mobile _narrow _normal _wide 后缀。我用一些简单的行在css文件中设置了背景：

#section-header {
  background: url(../images/sf_header_wide.jpg) no-repeat top center;
  height: 390px;
  margin: 0;
  padding: 0;  
}

我需要为背景添加多个图像，我想知道是否可以从外部源（例如我的模板 php 文件）导入文件名并在不添加背景行的情况下获得类似的内容template.php 文件，因为我为响应式设计分离了 css 文件

#section-header {
      background: url("../images/<?php echo $fileimage; ?>_wide") no-repeat;
      height: 390px;
      margin: 0;
      padding: 0;  
    }

是否有可能获得我需要的东西？

4

1 回答 1

1

我不建议这样做，因为 Web 浏览器会缓存你的 CSS 文件，所以如果你希望它每次都改变，它不会。除此之外，这不是正常的做法，

不过，您可以做一些事情。一个是在页眉本身内，只需像这样生成样式表

<head>
<link rel="stylesheet" type="text/css" href="primaryStyleSheet.css" media="screen" />
[...]All other head stuff, imports, responsive style sheet stuff here
<style>
/* Define this style AFTER the other CSS files are imported to be sure it loads */
#section-header {
  background: url("../images/<?php echo $fileimage; ?>_wide") no-repeat;
  height: 390px;
  margin: 0;
  padding: 0;  
}
</style>
</head>

此外，您可以添加!important到每个 CSS 定义（即。height: 390px !important;）

于 2013-05-14T00:38:45.697 回答