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 に答える