Php css可变背景的宽度_Php_Html_Css

Php css可变背景的宽度

php html css

Php css可变背景的宽度,php,html,css,Php,Html,Css,我正在创建一个改变背景的按钮，但我有点卡住了。我已经做得够多了，我有了主要的功能，但是背景不是全屏的。我不知道如何让它回到全屏 <html <?php echo "STYLE='background: url(".$back.") no-repeat center center fixed; width: 100%;'";?> > 尝试实现背景大小属性 background-size:100% auto; 为什么不使用Javascript 比如： <html&

我正在创建一个改变背景的按钮，但我有点卡住了。我已经做得够多了，我有了主要的功能，但是背景不是全屏的。我不知道如何让它回到全屏

<html <?php echo "STYLE='background: url(".$back.") no-repeat center center fixed; width: 100%;'";?> >

尝试实现背景大小属性

background-size:100% auto;

为什么不使用Javascript

比如：

<html>
<head>
<script>
function background() {
        document.getElementsByTagName('html').url == "http://www.newurl.com/";
        };
</head>
<body>
<button onclick="background()"></button>
</body>
</html>


函数背景（）{
document.getElementsByTagName（'html'）。url='http://www.newurl.com/";
};

背景大小是使用属性

背景大小更改的，因此在您的情况下，您正在更改HTML属性宽度，而不是背景。
试试这个
<div id="background">
<img src="<?php echo $yourimage ;?>" class="stretch" alt="" />
</div>

同时删除背景位置属性。好的，这就解释了。我加了背景尺寸：100%；到html标签，现在它的工作感谢！因为我正在使用cookies保存首选颜色设置。我对javascript也不太了解。。这似乎更容易啊，好吧，这应该可以很好地工作，我不知道足够的PHP在这种情况下帮助那么，对不起！
<div id="background">
<img src="<?php echo $yourimage ;?>" class="stretch" alt="" />
</div>

#background {
width: 100%; 
height: 100%; 
position: fixed; 
left: 0px; 
top: 0px; 
z-index: -999; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
width:100%;
height:100%;
}