两列中的ul li使我的第二列在悬停

时间:2015-07-24 12:25:48

标签: css carousel multiple-columns

Hre是我的情况:

我有一个旋转木马滑块,我希望将列表显示在两列中。

当我使用时:

ul.pl-bxslider.pl-box-car {-moz-column-count: 2;
-moz-column-gap: 2.5em;
-webkit-column-count: 2;
-webkit-column-gap: 2.5em;
 column-count: 2;
 column-gap: 2.5em;

}

它很好,显示在两列中,但是,如果我将一个元素从第二列悬停,这一个就消失了。 。 ..

此列表也没有以良好的顺序显示。 。 。任何人都有一些很好的工作才能正常工作?

我尝试了另类解决方案:

ul.pl-bxslider.pl-box-car li {float: left !important;display:table;width: 50% !important;}

它也有效,我没有遇到这些问题,相反,旋转木马不再正确滑动。 。 ..

任何帮助都会很棒,

感谢您的时间!

-----编辑-----

好的,我通过在li元素中添加以下内容来修复它:

-webkit-backface-visibility: hidden;

-webkit-transform:translateX(0);

否则,我仍然有一个错误的订单:(

0 个答案:

没有答案