老师帮忙检查下
来源：7-2 编程练习
慕沐2169693
2019-10-11 14:56:02
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.div0{
background-size:80%;
height:3000px;
background-image:url(http://climg.mukewang.com/59c9f7ce0001839219034033.png);
}
.div1{
position:fixed;
top:25%;
}
.div2{
position:fixed;
top:25%;
right:0px;
}
</style>
</head>
<body>
<div class="div0">
<img class="div1" src="http://climg.mukewang.com/5a3383c70001f1b702240364.png">
<img class="div2" src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png">
</div>
</body>
</html>
1回答
-
同学你好，1、复制运行贴出代码，出现了如下效果：
这里当显示器屏幕比较大时，出现了如下展示的背景图片的重复，这里我们可以添加如下属性：
background-repeat:no-repeat; /* 取消背景重复 */ background-size:100%; /* 定义背景大小 */
2、根据题目要求，设置对联左右块元素相对于窗口垂直居中，例如：
这里我们可以设置top：50%，margin-top为高度一半的负值来进行居中，这里因为这个图片的高度是364px，我们就以这个图片的高度来计算。
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
相似问题