16

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

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

我确定这有一点，任何人都可以建议最好的行动方案吗？

提前致谢

4

2 回答 2

23

将文件结尾更改为 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 短标签，你也可以使用而不是使用

<? echo $var;?>

利用

<?=$var;?>
于 2012-09-11T09:57:14.620 回答
2

这是一种方法：在 HTML 文件中使用 CSS 的那部分。使用双引号“”并在其中写入 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>
于 2018-05-20T20:11:09.647 回答