设置背景图片全屏显示，并且居中-慕课网

设置背景图片全屏显示，并且居中

来源：7-8 切换背景图像综合练习题

啦啦啦123

2015-01-27 14:27

img.bg {
            min-height: 100%;
            min-width: 1024px;
            width: 100%;
            height: auto !important;
            height: 100%;
            position: fixed;
            top: 0;
            left: 50%;
            z-index:1;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
            }

不懂，为什么这么写？？

写回答关注

3回答

chuanwei

2015-01-27 16:34:21

已采纳

img.bg {
            min-height: 100%;
            min-width: 1024px;
            width: 100%;
            height: auto !important;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index:1;
            }
这样写才对，作者的好像不太对

2 2

啦啦啦123

非常感谢！

2015-01-28 09:29:49

共 2 条回复 >
慕工程2957023

2016-11-20 14:00:12

作者这样写应该是为了当浏览器窗口缩小时，背景图片依然居中

0 0
Jouko

2015-04-28 14:05:46

长见识了厉害厉害

0 0

十天精通CSS3

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题

背景图片显示不齐全

回答 3

设置背景图片切换

回答 1

/*任务七、设置不显示的背景图层级*/???

回答 1

如何设置背景图片的透明度

回答 4

图片的背景

回答 2

打开慕课网App查看更多内容