可变背景的css宽度
可变背景的css宽度
提问于 2013-12-03 20:30:15
我正在创建一个改变背景的按钮，但我有点卡住了。我走得足够远了，我有主要的功能，但背景不是全屏的。我不知道如何让它回到全屏。
<html <?php echo "STYLE='background: url(".$back.") no-repeat center center fixed; width: 100%;'";?> >和html中的一些css。
html {
background: url(../pic/back2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/back2.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/back2.jpg', sizingMethod='scale')";
}回答 4
Stack Overflow用户
发布于 2013-12-03 20:32:49
尝试实现背景大小属性。
background-size:100% auto;Stack Overflow用户
发布于 2013-12-03 20:37:20
背景大小是使用attribute background-size更改的，因此在本例中更改的是HTML属性宽度，而不是背景。
Stack Overflow用户
发布于 2013-12-03 22:04:39
试试这个..。
<div id="background">
<img src="<?php echo $yourimage ;?>" class="stretch" alt="" />
</div>然后添加这个css
#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%;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20351268
复制相关文章
相似问题