Javascript Twitter引导上的图像悬停

我的名字是Enrique，我对Twitter引导上的：hover属性有一个问题

我制作了一个5颗星的评级系统，但当一颗星“悬停”时，星星开始闪烁，真是一团糟

当我使用没有任何脚本的同一个系统时，它工作得很好，这就是为什么我认为问题出在Bootstrap或Jquery上

以下是我正在开发的网站：

星星在写着的绿色大按钮上方（BAIXAR APOSTILA），当它们是空的时，我知道很难看到

下面是一个JSFIDLE，代码相同，没有任何JS，代码如下：

CSS
阿瓦利亚夫人{
宽度：90px；
高度：17px；
利润率：0.20px0；
填充：0；
列表样式：无；
明确：两者皆有；
位置：相对位置；
背景：url（../img/estrelas.png）不重复0；
}
塞姆斯特雷拉先生{
背景位置：0；
}
乌马斯特雷拉先生{
背景位置：0-18px；
}
杜阿塞斯特雷拉斯先生{
背景位置：0-36px；
}
tresestrelas先生{
背景位置：0-54px；
}
夸特罗埃斯特拉斯先生{
背景位置：0-72px；
}
辛科斯特雷拉斯先生{
背景位置：0-90px；
}
李阿瓦利亚{
光标：指针；
浮动：左；
文本缩进：-999em；
}
ul.avalia li a{
位置：绝对位置；
左：0；
排名：0；
宽度：18px；
高度：17px；
文字装饰：无；
z指数：200；
}
ul.avalia li.uma a{
左：0；
}
ul.avalia li.duas a{
左：17px；
}
阿瓦里亚李树酒店{
左：34px；
}
阿瓦利亚李四行a{
左：51px；
}
ul.avalia li.cinco a{
左：68px；
}
阿瓦里亚·李a：悬停{
z指数：2；
宽度：90px；
高度：17px；
溢出：隐藏；
左：0；
背景：url（../img/estrelas.png）不重复0；
过渡：无！重要；
}
ul.avalia li.uma：悬停{
背景位置：0-18px；
}
ul.avalia li.duas a:悬停{
背景位置：0-36px；
}
阿瓦利亚·李·特雷斯a：悬停{
背景位置：0-54px；
}
阿瓦里亚李四行a：悬停{
背景位置：0-72px；
}
ul.avalia li.cinco a:悬停{
背景位置：0-90px；
}
HTML

---

谢谢大家!

在检查了一下您的页面后，我发现您的脚本没有问题，您的问题在于其中一个css文件。这个：

<link rel="stylesheet" type="text/css" href="http://apostilaz.pilha.inf.br/public/plugins/ui/css/flat-ui.css" media="all">

要使您的

：hover

星星工作，您需要删除

transition

属性，这就是导致该行为的原因。如果不选择另一个星星，您无法在星星之间切换

---

PD:google chrome inspector在您的页面上进行了测试

嗨，Enrique，欢迎来到StackOverflow。你应该试着隔离你的问题，这样它就可以被张贴在一个合理长度的问题。这将帮助我们帮助您，如果您做得正确，您有很好的机会自己识别问题，而不是在这里等待答案。请澄清您的问题。谢谢！你是对的，os平面UI中的“a”属性导致了冲突，但由于我在链接上默认使用了该“a”属性，所以我只是将“ul.avalia li a”类中所有浏览器的转换设置为“none”。

<link rel="stylesheet" type="text/css" href="http://apostilaz.pilha.inf.br/public/plugins/ui/css/flat-ui.css" media="all">

a {
 color: #16a085;
 text-decoration: none;
 -webkit-transition: 0.25s;
 -moz-transition: 0.25s;
 -o-transition: 0.25s;
 transition: 0.25s;
 -webkit-backface-visibility: hidden;
}