时间:2021-07-01 10:21:17 帮助过:34人阅读
- .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标签
- <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><div id="middleimg">
- <img id="bg" src="https://www.gxlcms.com/image/wallpaper-1542283.jpg">
- 哇咔咔咔我是一个登录框!</div>
图片的宽度已经超过了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') }
- <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><div id="middleimg">
- <img id="bg" src="https://www.gxlcms.com/image/wallpaper-1542283.jpg">
- 哇咔咔咔我是一个登录框!</div>