网页登录界面的背景图片一般是放在Body里还是DIV里的？？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页登录界面的背景图片一般是放在Body里还是DIV里的？？相关的知识，希望对你有一定的参考价值。
在类似知乎这类的登录界面，大家一般在body里设置背景图片还是用一个div来装载图片？？？
我的CSS：/*登录界面背景样式*/
.login
background-image:url(images/loginbg.jpg);
background-size:60% 100%;
不知道为什么总是显示不出背景图片；
相关代码：
/*样式初始化*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,divmargin:0;padding:0;border:0;
bodybackground:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","宋体","Arial Narrow";
ul,ollist-style-type:none;
select,input,img,selectvertical-align:middle;
atext-decoration:none;
a:linkcolor:#009;
a:visitedcolor:#800080;
a:hover,a:active,a:focuscolor:#c00;text-decoration:underline;
/*登录界面背景样式*/
.login
background-image:url(images/loginbg.jpg);
background-size:60% 100%;
登录页面简单版：
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>推荐网|给你最好的！</title>
<style>
</style>
</head>
<body class="login" >
<p align="center"><b>推荐网，欢迎你~</b></p>
<form>
<table align="center">
<tr>
<td>登录名：</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="password" /></td>
</tr>
<tr>
<td><input type="submit" value="提交"></td>
<td><input type="reset" value="取消"></td>
</tr>
</table>
</form>
</body>
</html>
背景图片可以放在body里面，也能放在DIV里面。都是可以显示的，这个看自己是对那个对象设置背景了。
显示不出背景图片的原因
1，你的背景图片的路径错了，导致图片显示不出来。
2，你背景图片的对象设置错了。
根据你设置的的CSS：/*登录界面背景样式*/
.login
background-image:url(images/loginbg.jpg);
background-size:60% 100%;
设置的是body的背景图片，对象是正确的。
按照你的代码，我演示的如图
修改下你图片的路径应该就能显示背景图片了。
参考技术A登录界面的背景图片正常情况下是放在body区域的
如果你需要的是整个页面的背景图片，body区域的才能展示大小
如果你放在div里面的话，这个背景图片做的是div的背景图片
当网页同时设置了背景图片和背景颜色会是啥效果
网页背景颜色和背景图片，结构上都一样。一般放在body属性里，代码是background。在css里，背景颜色和图片可以同时使用！而往往，背景图片会优先运行。而图片覆盖不到的地方，会执行颜色代码。
bodybackground:url(https://www.baidu.com/img/bdlogo.png) #000 no-repeat;
上边代码包含了图片和颜色#000（黑色），按照css运行顺序，会先执行图片，再执行颜色。而图片覆盖不到的将由颜色覆盖！如果图片覆盖整个网页，那么颜色则不会被执行。
以上是关于网页登录界面的背景图片一般是放在Body里还是DIV里的？？的主要内容，如果未能解决你的问题，请参考以下文章