我如何在CSS中运行PHP

时间:2012-09-11 09:55:39

标签: php css

我有一个像这样的样式表链接

<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");?>

我相信这有一点,有人可以建议最好的行动方案吗?

提前致谢

2 个答案:

答案 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>