html中，一个万能的响应式背景图代码

今年上半年实训的时候，是制作一个web聊天室，我很快就完工了前台界面，但是却发现有点单调，觉得还是加一个背景图好些，不过问题也有。找了些教程补充我不是很充实的html之后，得到的如下的代码，基本上任何网站都可以使用，直接放进去就可以出现一个完全兼容且响应式的背景图。不过讲道理，网页还是尽量追求快速，背景图很拖速度，但是我这个并不是真正的background定义形式，所以看情况吧。

在CSS文件或者标签中加入如下代码：

#bg{ 
position:fixed; 
top:0; 
left:0; 
bottom:0; 
right:0; 
z-index:-1; 
} 
#bg img { 
height:100%; 
width:100%; 
border:0; 
} 

在网站页面中加入如下代码：

<div id="bg"><img src="图片路径" /></div> 

于是背景图就出现了。