0

下の画像を背景画像として適用したいのですが、できません。

これが私のsetbackground.phpコードです..

<?php

    $header_tile_image_url = 'http://www.example.com/myimage.jpg';
?>
var css = 'body {background-color:#fff;background-image:url(<?php echo $header_tile_image_url; ?>)}';

var themeCssNode = document.getElementById('theme_css');
if (themeCssNode) {
    themeCssNode.parentNode.removeChild(themeCssNode);
}
themeCssNode = document.createElement('style');
themeCssNode.type = 'text/css';
themeCssNode.id = 'theme_css';
document.getElementsByTagName('head')[0].appendChild(themeCssNode);
if (themeCssNode.styleSheet) {
    themeCssNode.styleSheet.cssText = css;
} else {
    var cssText = document.createTextNode(css);
    themeCssNode.appendChild(cssText);
}

上記の JavaScript は、スタイルシートを置き換えて、新しいスタイルシートを適用します。問題は、背景画像の適用中です。

以下は私のhtmlコードです..

<html>
</head> <title> test program </title> 
<style id="theme_css" type="text/css"> 
    body {background-color:blue;font:13px arial,sans-serif;}
</style>
</head>

</body>

<script src="setbackground.php"> </script>
<h1> This is my test page </h1>

</body>
</html>
4

3 に答える 3

0

PHPコードはすべてPHPタグで囲む必要があります。

<?php 
    $header_tile_image_url = 'http://www.example.com/myimage.jpg'; 
?>

http://www.javascriptkit.com/javatutors/setcss3properties.shtml

document.body.style.backgroundColor = "#fff";
document.body.style.backgroundImage = "url(<?php echo $header_tile_image_url; ?>)";

これはあなたのために働きますか？

于 2013-02-09T10:55:32.273 に答える
0

これを試して

body
{
 background: url(../Image/bg.jpg) #10a5d3;
}
于 2013-02-09T11:05:28.350 に答える
0

では、問題は、コードを実行したときに画像が読み込まれないことですか? header("Content-type: text/javascript")何かを出力する前に setbackground.php ファイルにコードを含めようとしましたか?

<?php
   header("Content-type: text/javascript");
   $header_tile_image_url = 'http://www.example.com/myimage.jpg';
?>
var css = 'body {background-color:#fff;background-image:url(<?php echo $header_tile_image_url; ?>)}';
var themeCssNode = document.getElementById('theme_css');
// ....
于 2013-02-09T11:43:24.723 に答える