通过在网页中使用层,可轻易的实现网页背景图片的任意大小设置。
<body>
<div style="position:absolute; left:0; top:0; width:100%; height:100%"><img src="背景图片.jpg" width=100% height=100%></div>
<div style="position:absolute;">内容...</div>
</body>
另一种方法<body background="背景图片.jpg>或者:
<style type="text/css">
<!--
body {
background-image: url(bg.jpg);
}
-->
</style>
不过这种方法只在背景图片比较大时才有好的效果 ,因为这样设置的背景图片不会自动放大,最大100%。本人认为还是运用层的方法比较好(个人观点)。
body{
background-color:#DCEAED;
background-image: url(./images/background_video.jpg);
}
<body>
<div style="position:absolute; left:0; top:0; width:100%; height:100%"><img src="背景图片.jpg" width=100% height=100%></div>
<div style="position:absolute;">内容...</div>
</body>
另一种方法<body background="背景图片.jpg>或者:
<style type="text/css">
<!--
body {
background-image: url(bg.jpg);
}
-->
</style>
不过这种方法只在背景图片比较大时才有好的效果 ,因为这样设置的背景图片不会自动放大,最大100%。本人认为还是运用层的方法比较好(个人观点)。
body{
background-color:#DCEAED;
background-image: url(./images/background_video.jpg);
}