移动端一个1080*548的div里面套6张大小不同的图片代码怎么写 求大神帮忙 5
1个回答
2017-03-16 · 百度认证:深圳联雅网络科技有限公司
联雅网络
联雅网络成立于2005年，是一家技术开发型的网络公司，致力于高端品牌网站建设，微信公众平台开发，是一支拥有一百多人的网站设计技术团队。分深圳联雅网络与广州联雅网络，一直专注网站建设领域
向TA提问
关注
![]()
展开全部
可以用nth-child(n)试下
<div class="img">
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
</div>
<style>
.img{
position: relative;
z-index: 0;
width: 800px;
height: 600px;
}
.img{
position: absolute;
}
.img img:nth-child(1){
top: 0;
left: 0;
}
.img img:nth-child(2){
top: 0;
left: 50px;
}
.img img:nth-child(3){
top: 0;
left: 100px;
}
</style>
<div class="img">
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
</div>
<style>
.img{
position: relative;
z-index: 0;
width: 800px;
height: 600px;
}
.img{
position: absolute;
}
.img img:nth-child(1){
top: 0;
left: 0;
}
.img img:nth-child(2){
top: 0;
left: 50px;
}
.img img:nth-child(3){
top: 0;
left: 100px;
}
</style>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
东莞大凡
2024-11-14 广告
标定板认准大凡光学科技,专业生产研发厂家，专业从事光学影像测量仪,光学投影测量仪.光学三维测量仪,光学二维测量仪,光学二维测量仪,光学三维测量仪,光学二维测量仪.的研发生产销售。东莞市大凡光学科技有限公司创立于 2018 年，公司总部坐落于...
点击进入详情页
本回答由东莞大凡提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
