HTML body设置全屏背景图片问题
<bodystyle="width:100%;height:100%;background:url(image/login_bg.jpg)">我想使图片拉伸铺满整个浏览器...
<body style="width:100%; height:100%;background:url(image/login_bg.jpg)">
我想使图片拉伸铺满整个浏览器窗口,并且不能出现滚动条,应该怎么设置呢 展开
我想使图片拉伸铺满整个浏览器窗口,并且不能出现滚动条,应该怎么设置呢 展开
3个回答
展开全部
<body style="width:100%; height:100%;">
<style>
body{
background:url(02.jpg) top left;
background-size:100% 100%;
overflow:hidden;
}
</style>
</body>
其中,overflow属性是设定超出body大小的内容隐藏不显示,这样就消去了滚动条。
background-size是设置图像大小,后面两个值分别是宽度和高度,100%是相对于父元素(也就是body)长宽的比例
其实对于宽度高度设置100%,我也不是很懂,这样设置总会出现滚动条,不知为什么。
<style>
body{
background:url(02.jpg) top left;
background-size:100% 100%;
overflow:hidden;
}
</style>
</body>
其中,overflow属性是设定超出body大小的内容隐藏不显示,这样就消去了滚动条。
background-size是设置图像大小,后面两个值分别是宽度和高度,100%是相对于父元素(也就是body)长宽的比例
其实对于宽度高度设置100%,我也不是很懂,这样设置总会出现滚动条,不知为什么。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
background-size:100% 100%;
更改成background-size:100%,100%;
前辈可能疏忽了,他的答案的是正确的。
更改成background-size:100%,100%;
前辈可能疏忽了,他的答案的是正确的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
应该是背景图满铺,repeat-x repeat-y,把body的宽高去掉。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询