将 css 添加到 jquery 'flux' 动画答案

【问题标题】：add css to jquery 'flux' animation将 css 添加到 jquery 'flux' 动画
【发布时间】：2013-08-26 06:26:25
【问题描述】：

我目前正在使用 JQuery 插件“Flux”创建图像幻灯片。我想在图像中添加一些 CSS 以使它们具有相同的高度并具有圆角，但是我无法将 CSS 应用于它们。

我使用同心过渡（此处演示：http://www.joelambert.co.uk/flux/）。

我的 html 代码如下所示：

<div id="slider">
    <img class="test" src="img/image1.jpg" alt="" />
    <img class="test" src="img/image2.jpg" alt="" />
</div>

我已经为“test”尝试了 id 和 class 并使用了所有这些 css 方法

#slider .test
#slider img.test
#slider img#test
#slider #test
#test
.test

似乎没有一个工作，有人有解决办法吗？

自己看看：jsfiddle.net/6gTnf/1

【问题讨论】：

【解决方案1】：

试试

img
{
height:100px !important;
border-radius:10px !important;
}

【讨论】：

【解决方案2】：

#slider img.test{
height:100px !important;
border-radius:10px !important;
}

【讨论】：