PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

DIV中的背景图片控制问题,谢谢各位_html/css_WEB-ITnose

原创
2016-06-24 12:22:12 729浏览

我这个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标签

nbsp;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='//m.sbmmt.com/m/faq/image/login/loginpic.png',sizingmethod='scale')     } 


如果楼主想其他浏览器也兼容就用两个层吧。

nbsp;html>
哇咔咔咔我是一个登录框!


+1,背景的做法可以有很多种的,比如z-index
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。