4-3编程疑问

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>蛋蛋的网页3</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .page{
            width: 100%;
            height: 4030px;
            background: url(http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png) center top no-repeat;
            background-size: cover;
            position: relative;
        }
        .left,.right{
            width:230px;
            height:370px;
            position: fixed;  
        }
        .left{
            background: url(http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png) no-repeat;
            top:0;
            bottom:0;
            margin:auto 0;
        }
        .right{
            background: url(http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png) no-repeat;
            right:0;
            top:50%;
            margin-top:-185px;
        }
    </style>
</head>
<body>
    <div class="page">
        <div class="left"></div>
        <div class="right"></div>
    </div>
</body>
</html>

老师，麻烦问一下，就这张图片太大了，我的页面显示不完全，但是我在style中设置了background-size:cover; 为什么我的页面还是不能全部显示整个背景图片？

叫我蛋蛋 2018-04-20

源自：CSS定位（position） 4-3 编程练习

收起

2回答

慕神8145773 回答被采纳获得+3积分 2018-04-20 11:26:45

测试你代码实现效果没问题呢，页面全部显示整个背景图片，这个效果实现了~

收起回答

叫我蛋蛋提问者 #1

为什么我的页面设置之后跟没设置是一样的那就是我电脑的问题么？

2018-04-20 11:28:11
慕神8145773 回复提问者叫我蛋蛋 #2

你是指在style中设置了background-size:cover;属性？

2018-04-20 13:41:10
叫我蛋蛋提问者回复慕神8145773 #3

对呀我设置了但是背景图片在我的电脑页面中还是没有全部显示出来

2018-04-20 13:43:00