1.首先設置body的高度為100%，overflow屬性設為hidden(溢出隱藏)2.body內div寬和高都設為100%,overflow屬性設為hidden ,z-index:-1（確保背景圖片在最下麵）3.設置div內的img寬高都為100%;html 代碼如下： ...
1.首先設置body的高度為100%，overflow屬性設為hidden(溢出隱藏)
2.body內div寬和高都設為100%,overflow屬性設為hidden ,z-index:-1（確保背景圖片在最下麵）
3.設置div內的img寬高都為100%;
html 代碼如下：
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link href="css/login_one.css" rel="stylesheet" /> <script src="../../javascript/jquery-1.8.3.js"></script> <script type="text/javascript"> </script> </head> <body> <div id="lay_bg" class="lay_background"> <img id="lay_bg_img" class="lay_background_img" src="img/20151105165147_de95cb.jpg"/> </div> </body> </html>
css代碼如下：
body { background: #888 none repeat scroll 0 0; font-family:'Microsoft YaHei'; height:100%; margin:0; padding:0; overflow:hidden; } .lay_background { width:100%; height:100%; z-index:-1; overflow:hidden; } .lay_background_img { width:100%; height:100%; }
