html垃圾分类模板网站,poster.html

这段代码展示了如何使用HTML和CSS进行全屏背景图片布局。通过设置body和wrap的样式,实现了页面居中并对背景图片进行平铺。同时,`#main`和`#swiper1`进一步调整了背景图片的位置和大小。
摘要由CSDN通过智能技术生成

html,body{

height: 100%;

}

body{

position: absolute;

left: 50%; top: 50%;

bottom: -50%;

width: 100%;

height: 100%;

transform: translate3d(-0%,-0%,0);

}

.wrap{

position: relative;

height: 100%;

}

#main{

background-image: url(images/img1.jpg);

background-repeat: no-repeat;

background-size: 100% auto;

height: 100%;

position: relative;

top: 0px;

bottom: 0px;

left: 0px;

right: 0px;

margin: 0 auto;

height: 100%;

}

#swiper1{

height: auto;

flex: 1;

background-image: url(images/img1.jpg);

background-repeat: no-repeat;

background-size: 100% auto;

height: 100%;

}

#question1{

height: 100%;

}

上一题

上一题
下一题

提交

一键复制

编辑

Web IDE

原始数据

按行查看

历史

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值