将 css 添加到 jquery 'flux' 动画

Posted 2023-02-22

【中文标题】将 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"  />
    <img class="test" src="img/image2.jpg"  />
</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;

【讨论】：

你能发个小提琴吗？

呃..什么是小提琴？

jsfiddle.net ，您可以在此处发布虚拟代码。所以我们可以很容易地为您的问题找到解决方案。

我的代码似乎无法正常工作。 jsfiddle.net/6gTnf CSS 被应用了（可能是因为 jquery 没有）

你试过写内联样式吗？