我尝试过各种不同的方法,但似乎都不起作用。我正在使用内联 CSS,只是想添加一个拉伸到屏幕尺寸的背景。我目前在我的 body 标记中使用以下代码:
<body onLoad="onBodyLoad();" style="background:url(images/blue_bg.png);">
我的图像是 400 x 300,但需要拉伸到 1200 x 1000。
希望有人可以提供帮助(已经尝试过背景大小:100%)。
Thanks,
你可以尝试这个 CSS3 代码:
body{
background: url(images/blue-bg.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
如果这不起作用,您可以尝试:
其他 CSS 技术 http://css-tricks.com/perfect-full-page-background-image/
jQuery 技术 http://buildinternet.com/2009/07/quick-tip-resizing-images-based-on-browser-window-size/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)