用谷歌浏览器测试有黑线，是什么原因？

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>2-4</title>
<style type="text/css">
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%;
animation-name: disp;
animation-duration: 1s;
/*此处写代码*/
animation-delay:2s;
}
@keyframes disp{
form{
top:-1000px;
}
to{
top:0px;
}
}
</style>
</head>
<body>
<div>大家好，欢迎来到慕课网！</div>
</body>
</html>

大笨钟1993 2018-12-05

源自：CSS3动画 2-13 编程练习

0

收起

2回答

黄杨cc 2018-12-10 21:48:14

我谷歌浏览器有一丝丝的黑线

好帮手慕星星 #1

同学你好，经再次测试Chrome浏览器确实没有出现黑线的情况下，建议同学可以将浏览器更新，或者更换其它浏览器测试。

2018-12-11 10:32:55

好帮手慕星星 2018-12-06 10:09:31

经测试Chrome浏览器是没有出现黑线的：

同学是在什么情况下测试出现的呢，可以再重新测试或者是更换浏览器测试，看看是否有这种问题。

动画效果是没有问题的。

祝学习愉快！

相似问题

老师使用edge浏览器和使用谷歌浏览器有什么区别吗会有什么影响？

html文件无法用谷歌浏览器打开

请问谷歌浏览器是不是所有的API都不支持啊,currentTime和快进功能都无法实现

请问为什么二维码的图片（code.png）只能在谷歌浏览器中显示出来，换别的浏览器都只显示一块白呢？

关于谷歌浏览器无法打开网页。

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号