文章/答案/技术大牛

发布

社区首页 >问答首页 >不加载CSS类

问不加载CSS类
EN

Stack Overflow用户

提问于 2014-03-07 00:19:40

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

我试着玩这个css包：https://github.com/elrumordelaluz/csshake

我遵循方向，但由于某种原因，我的页面上没有动画。

这是我的头：

<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link type="text/css" href="css/csshake.css">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="js/app.js"></script>
</head>

然后在身体里我试着：

<div class="shake shake-constant">shake!</div>

如果我使用Chrome工具检查这个元素，我可以看到没有一个css类被应用到div中。如果我将标题更改为<link type="text/css" rel="stylesheet" href="css/csshake.css">，那么这些类将出现在dev tools中，但它们被列为无效属性值。

我肯定我错过了一些最基本的东西，但我不知道该去哪里找。

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-03-07 00:23:38

如果查看CSS文件，它本机不支持跨浏览器--您必须自己添加相关的浏览器前缀

例如，animation-name: shake-base;只在允许无前缀值的浏览器中工作(如新版本的FireFox)。要提供Chrome，您必须添加-webkit-animation-name: shake-base;

您可以使用以下工具让计算机为您完成大部分工作

CSSPrefixer (手动)
AutoPrefixer (自动)
前缀 (手册)
PrefixFree (自动)

还有其他的

票数 3

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

原文链接：

https://stackoverflow.com/questions/22239007

复制

相似问题

问不加载CSS类
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不加载CSS类EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不加载CSS类
EN