DIV中的背景图片控制有关问题，多谢各位
日期：2014-05-17 浏览次数：20567 次
DIV中的背景图片控制问题，谢谢各位
我这个DIV居中显示，我想让DIV中的背景图片跟DIV一样的宽和高，该如何实现，现在的图片的宽度已经超过了DIV的宽度了，谢谢各位
<div class="middleimg">
</div>
------解决方案--------------------
图片的宽度已经超过了DIV的宽度,那就设置图片的宽度啊
document.getelementById（"#id"）.style.width
把div的宽度赋值给图片的宽度
------解决方案--------------------
------解决方案--------------------
背景图应该是设不了宽高的额，设置xy坐标应该也不是你的初衷。
用img+定位结合z-index模拟和div尺寸一样的背景图就行了。
------解决方案--------------------
仅适用与ie，
我这个DIV居中显示，我想让DIV中的背景图片跟DIV一样的宽和高，该如何实现，现在的图片的宽度已经超过了DIV的宽度了，谢谢各位
.middleimg{
margin:0 auto;
width:500px;
height:200px;
border: 1px solid #eee;
background-repeat:no-repeat;
background-image:url(image/login/loginpic.png);
}
<div class="middleimg">
</div>
------解决方案--------------------
图片的宽度已经超过了DIV的宽度,那就设置图片的宽度啊
document.getelementById（"#id"）.style.width
把div的宽度赋值给图片的宽度
------解决方案--------------------
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<style>
*{
margin:0;
padding:0;
}
#middleimg{
margin:0 auto;
width:500px;
height:200px;
border: 1px solid #eee;
postion:relative;
}
#bg{
width:500px;
height:200px;
position:absolute;
z-index:-1;
}
</style>
</head>
<body>
<div id="middleimg">
<img id="bg" src="image/wallpaper-1542283.jpg" />
哇咔咔咔我是一个登录框！
</div>
</body>
</html>
------解决方案--------------------
背景图应该是设不了宽高的额，设置xy坐标应该也不是你的初衷。
用img+定位结合z-index模拟和div尺寸一样的背景图就行了。
------解决方案--------------------
仅适用与ie，
.middleimg{
margin:0 auto;
width:500px;
height:200px;
border: 1px solid #eee;
background-repeat:no-repeat;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
