在我的页面中，有 2-3 个部分的宽度和背景为 100%。当我全屏打开它时，一切正常，但当屏幕小于 960px（本节内容的宽度）时，背景图像不是整个页面。右侧的瞬间隐藏在没有背景的地方 - 它是白色的。你可以在这里明白我的意思：http://micobg.net/10th/ http://micobg.net/10th/
只需添加background-size:100%为您应用的元素设置样式background-image。适用于 Firefox、Safari 和 Opera。例如：
<style>
.divWithBgImage {
width: 100%;
height: 600px;
background-image: url(image.jpg);
background-repeat: no-repeat;
background-size: 100%; //propotional resize
/*
background-size: 100% 100%; //stretch resize
*/
}
</style>
<div class="divWithBgImage">
some contents
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
