Rumah >hujung hadapan web >html tutorial >DIV中的背景图片控制问题，谢谢各位_html/css_WEB-ITnose
DIV中的背景图片控制问题，谢谢各位_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:22:12955semak imbas
我这个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的宽度,那就设置图片的宽度啊
document.getelementById（"#id"）.style.width
把div的宽度赋值给图片的宽度
图片的宽度已经超过了DIV的宽度,那就设置图片的宽度啊
document.getelementById（"#id"）.style.width
把div的宽度赋值给图片的宽度
能不能告诉我如何设置图片的宽度，我没有用img标签
<!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" / alt="DIV中的背景图片控制问题，谢谢各位_html/css_WEB-ITnose" > 哇咔咔咔我是一个登录框！</div></body></html>
图片的宽度已经超过了DIV的宽度,那就设置图片的宽度啊
document.getelementById（"#id"）.style.width
把div的宽度赋值给图片的宽度
能不能告诉我如何设置图片的宽度，我没有用img标签
背景图应该是设不了宽高的额，设置xy坐标应该也不是你的初衷。
用img+定位结合z-index模拟和div尺寸一样的背景图就行了。
仅适用与ie，
.middleimg{ margin:0 auto; width:500px; height:200px; border: 1px solid #eee; background-repeat:no-repeat; filter:progid:dximagetransform.microsoft.alphaimageloader(src='image/login/loginpic.png',sizingmethod='scale') } 如果楼主想其他浏览器也兼容就用两个层吧。
<!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" / alt="DIV中的背景图片控制问题，谢谢各位_html/css_WEB-ITnose" > 哇咔咔咔我是一个登录框！</div></body></html> +1，背景的做法可以有很多种的，比如z-index
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：请大家帮我看一下我这段代码中的ul和a为什么不能显示在同一行中。_html/css_WEB-ITnoseArtikel seterusnya：IE7下jquery datagrid列表超出div还不受div控制【急】_html/css_WEB-ITnose