0

使用示例中的“自定义”设置，我有一个 Caroufredsel 滑块工作正常：

<script type='text/javascript'>
        $(document).ready(function() {

            // Using custom configuration
            $("#random_selections").carouFredSel({
                items : 3,
                direction : "up",
                /*wrapper: {
                    margin:0px,
                },*/
                scroll : {
                    items : 1,
                    easing : "elastic",
                    duration : 1000,
                    pauseOnHover : true
                }
            });
        });
    </script>

但是，顶部的图像不与容器的顶部边框齐平。如果我检查调试器，我会看到 .js 库中的级别有 CSS 样式：

 <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 400px; height: 1387px; margin: 16px 0px; overflow: hidden;">

我发现这个特定元素是由 margin 属性控制的。如何在不更改库中代码的情况下调整此属性以反映“margin：0px 0px”？有没有办法在外部做到这一点？

Caroufredsel 支持论坛中的活动很少，并且从配置页面中不清楚如何调整它。

4

1 回答 1

1

您可以在样式表中找到控制该元素的类，看看它是否在那里生成。也许你的类中有一些子元素正在覆盖你的内联 CSS

于 2013-10-11T00:29:24.923 回答