每个幻灯片上的jQuery循环全宽度包装

我正在使用jQuery Cycle进行幻灯片放映，在主要内容区域中以样式化的图像作为背景。我正在将图像淡入纯色。纯色将覆盖页面的整个宽度。颜色在CMS中动态写入。CMS将颜色的类名添加到循环影响的容器（li）中。循环重置我的所有布局？以前有人这样做过吗

这就是我希望样式的外观（无循环）：

使用循环：

---

循环插件将幻灯片压缩到最小尺寸，并使其成为绝对尺寸，以便可以通过彼此淡入

---

您仍然可以使其跨越整个宽度的方法是在

ul

周围包裹一个

div

，并设置样式，使其

宽度：100%并给出ul
裕度：0自动
将其置于div的中心。
我找到了一个JS解决方案：--一个CSS解决方案会更好，但可能是不可能的。我认为原因是循环将
li
元素设置为
位置：绝对
，这使它们收缩包装。您需要明确地将宽度设置为100%。居中不是问题。问题是，全宽度包装的背景色需要与固定宽度内容宽度样式的bg图像同时设置动画。在这种情况下，您需要修改Cycle插件，这样它就不会强制设置高度和宽度。或者使用其他插件，或者自己编写，淡入淡出过渡是最容易的。我写它就是为了这个原因，没有额外的定位或强制尺寸。