Javascript 图像在后面居中?
我正在使用javascript/html中的500px x 400px div,我希望将在photoshop中制作的750px x 600px图像放在其后面作为排序边界。有人能给我指出实现这一目标的正确方向吗 有一个容器div,其位置为:relative;这是以图像为背景的图像的大小,并使用top和left css属性将较小的div绝对放置在该中心的顶部。我们应该做到这一点Javascript 图像在后面居中?,javascript,image,html,border,Javascript,Image,Html,Border,我正在使用javascript/html中的500px x 400px div,我希望将在photoshop中制作的750px x 600px图像放在其后面作为排序边界。有人能给我指出实现这一目标的正确方向吗 有一个容器div,其位置为:relative;这是以图像为背景的图像的大小,并使用top和left css属性将较小的div绝对放置在该中心的顶部。我们应该做到这一点 干杯 据我所知,您希望图像显示在较小的div周围。您也可以删除内部的白色背景以使其显示出来 这比让他搞乱位置要好得多:相对
干杯 据我所知,您希望图像显示在较小的div周围。您也可以删除内部的白色背景以使其显示出来
这比让他搞乱位置要好得多:相对/位置:绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对绝对。当然,我是个不懂密码的人,所以请接受我对lol的赞美
#wrap{
width: 550px;
padding: 100px;
background: url(http://example.com/img.png);
}
#inner{
width: 500px;
height: 400px;
background: white /*whatever you want*/;
margin: 0 auto;
}
<div id="wrap">
<div id="inner">
</div>
</div>