我有一个像这样的样式表链接
<link href="css/<? echo $theme;?>/styles.css" rel="stylesheet" type="text/css" />
在CSS内部,我希望能够回显db
输出的背景图像body{ background-image:url(../../images/<?php echo $theme.'/'.$background;?>);}
我尝试将以下内容添加到页面的开头,但它只是输出html代码中的所有内容
<? header ("Content-type: text/css");?>
我相信这有一点,有人可以建议最好的行动方案吗?
提前致谢
答案 0 :(得分:19)
将文件结尾更改为php,以便它由服务器运行,一旦你完成了它就可以链接到它,就像它是一个普通的css文件一样,并确保标题是正确设置的那个标题代码你位于文件顶部
更改:强>
<link href="css/<? echo $theme;?>/styles.css" rel="stylesheet" type="text/css" />
要强>
<link href="css/<? echo $theme;?>/styles.php" rel="stylesheet" type="text/css" />
并且您拥有该文件的顶部
<? header ("Content-type: text/css");?>
顺便说一句,因为你似乎已经启用了 php shorttags ,你可以使用而不是使用
<? echo $var;?>
使用
<?=$var;?>
答案 1 :(得分:1)
这是一种方式:在HTML文件中使用CSS的那一部分。使用双引号&#34; &#34;并在其中编写PHP文件。以下是在CSS文件中使用PHP的示例。
此CSS位于HTML文件中,此代码在我的项目中正常运行。如果有任何问题需要测试,请告诉我。
<style type="text/css">
@media screen and (max-width: 650px) {
.benifit {
background-image:url("<?= $this->getBaseUrl() ?>/www/images/Capture.png") ;
height:440px;
border-radius: 5px 0px 0px 5px;
}
}
@media screen and (min-width: 400px) {
.benifit {
width: 47%;
background-image:url("<?= $this->getBaseUrl() ?>/www/images/Capture.png") ;
height:440px;
border-radius: 5px 0px 0px 5px;
}
}
#ajax-loader {
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 ) url("<?= $this->getBaseUrl() ?>/www/img/ajax-loader1.gif") 50% 50% no-repeat;
overflow: hidden;
}
</style>