Question

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

我的问题：我必须为我的css（section-header）的特定区域设置随机背景。由于响应式设计，我有4个独立的css文件，文件名相同，但唯一的区别是_mobile _narrow _normal _wide postfix。我已经在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;  
    }

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

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

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

Drupal 7：随机化头文件背景，将文件名从template.php传递给css文件

1 个答案: