文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS动画不工作

问CSS动画不工作
EN

Software Recommendation用户

提问于 2019-05-15 06:08:18

回答 1查看 51关注 0票数 0

需要有人给我一些建议吗？

我正在尝试使用CSS动画作为fallows的网页

index2.html

<!DOCTYPE html>
<html lang="ja">
 <head>
  <title>CSS Animations</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="./box.css">
 </head>
 <body>
  <p>hello</p>
 </body>
</html>

box.css

p {
 animation-name: slidein;
 animation-duration: 3s;
}
@keyframes slidein {
 from {
  margin-left: 100%;
  width: 300%; 
 }
 to {
  margin-left: 0%;
  width: 100%;
 }
}

这些文件保存在同一个浮动器中。我的http服务器正在使用Apache2.4

当我使用ie11访问"my_web_Server_address/index2.html“时，动画无法工作

我应该在我的Apache2.4中设置一些东西吗？我是不是遗漏了什么？

*我使用ie11并能显示CSS动画表单网站，如https://www.w3schools.com/css/css3_animations.asp

**"my_web_Server_address“是局部网络(192.168.x.x)

css

apache

回答 1

Software Recommendation用户

发布于 2019-05-15 08:29:40

抱歉，我自己接了电话。

我应该指定IE在html文件中使用的文档。

<meta equiv=“meta兼容的”content="IE=10“>

将index2.html更改为fallows

<!DOCTYPE html>
<html lang="ja">
 <head>
 <title>CSS Animations</title>
 <meta charset="utf-8">
 <meta http-equiv="x-ua-compatible" content="IE=10" > 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" type="text/css" href="./box.css">
 </head>
 <body>
 <p>hello</p>
 </body>
 </html>

如果服务器请求IE，则在apache中添加httpd.conf中的休止符

LoadModule headers_module modules/mod_headers.so
<IfModule headers_module>
 Header set X-UA-Compatible: IE=11
</IfModule>

票数 1

页面原文内容由Software Recommendation提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://softwarerecs.stackexchange.com/questions/60988

复制

相似问题

问CSS动画不工作
EN

回答 1

Software Recommendation用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS动画不工作EN

回答 1

Software Recommendation用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS动画不工作
EN