小疑问
来源：2-20 编程练习
慕用8329000
2020-11-14 13:52:49
# 具体遇到的问题
top: -1000px;
和
right: 0;
left: 0;
和
opacity:1;
这几句是什么意思呢，实现什么效果呢
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
div {
font-family: 'Microsoft Yahei';
font-size: 60px;
font-weight: bold;
line-height: 600px;
position: absolute;
top: -1000px;
right: 0;
left: 0;
width: 800px;
height: 600px;
margin: auto;
text-align: center;
border: 5px solid #000;
border-radius: 50%;
opacity:1;
animation:disp 4s linear 0s infinite;
}
在这里输入代码，可通过选择【代码语言】突出显示
1回答
-
同学你好，元素定位之后，可以通过偏移值来调整位置。top如果设置为负值，元素会向上移动，left值和right值设置为0，并且设置了margin:auto;元素在水平方向是居中的。
关于定位和偏移值，可以参考视频：https://class.imooc.com/course/1614
opacity属性是设置元素的不透明级别，设置为1，是完全不透明，如果设置为0，是完全透明。
结合这几条属性，最终实现的效果是：不透明的div元素，在top为-1000px的位置水平居中。
另外：同学的代码粘贴的不完整，可以把全部的代码都粘贴上来，老师帮助同学检查代码实现的效果是否符合本编程题的要求。
祝学习愉快~
0
相似问题