Foundation 6 Stack,Clean Hero Slider Building Block高度问题

时间:2019-02-27 01:17:05

标签: slider zurb-foundation-6 orbit

我使用Zurb模板开始一个空白项目。当我添加Building Block Clean Hero Slider时,该块的高度为0。我发现这是两件事的结合。

此定义使用!important

ul.orbit-container {
    height: auto !important ; 
}

具有该类的元素包含li元素,这些元素指定要旋转的图像。这些li具有绝对位置(能够自动滚动它们的一部分吗?),因此height:auto解析为0(绝对元素不计入高度)。因此,即使每次交换图像时JS都将高度设置为元素级别(内联)。 !important会覆盖行内高度,并且不会显示图像。

如果我将li更改为相对的,则高度可以工作,但图像的滚动无法正常工作。

因此,我摘掉!important并成功了。

那我的问题是什么?

什么是正确的解决方法?如果!important指令由于某种原因出现在其中,则可能会中断其他响应,可能会导致响应速度下降。

另外,放置良好的溢出:可见的也可能修复它,但这看起来甚至是“黑客”。

有人有想法吗?

(此外,基金会论坛目前表示,它并没有采用新的帐户创建功能,而是在此处推荐我-因此无需在此推荐我。谢谢!;-)

0 个答案:

没有答案