如何设置CSS网页中的背景图片不让其重复并且铺满整个屏幕，不会因为分辨率的问题而显示不出来 5
6个回答
展开全部
background-repeat: no-repeat; /* 不平铺 */
然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size: 100%;轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。
然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size: 100%;轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
只有CSS3支持这种用法。
background:url(ss.jpg) center no-repeat;
background-size:cover;
不过这样一来，IE9及以下版本的浏览器都不支持；
所以，实现兼容确实不易，另外我也见过有人使用IE的filter滤镜实现过，下面这个地址：
htt p://ww w. cnblogs.com /strivers/ archive /2010/12/12/ 1903848. html（去掉空格）
这篇文章就是介绍这个的，不过这样一来，性能、兼容等都是大问题。
background:url(ss.jpg) center no-repeat;
background-size:cover;
不过这样一来，IE9及以下版本的浏览器都不支持；
所以，实现兼容确实不易，另外我也见过有人使用IE的filter滤镜实现过，下面这个地址：
htt p://ww w. cnblogs.com /strivers/ archive /2010/12/12/ 1903848. html（去掉空格）
这篇文章就是介绍这个的，不过这样一来，性能、兼容等都是大问题。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background-image:url("背景URL");
background-position:50% 50%;
background-repeat :no-repeat;
background-attachment:fixed;
尽量大点 的图。。
background-position:50% 50%;
background-repeat :no-repeat;
background-attachment:fixed;
尽量大点 的图。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html, body {height:100%;}
body { background : url(背景图片地址) no-repeat 0 0 / 100% 100%; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background-repeat:no-repeat;
background-size:cover;
background-size:cover;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
