SLICK滑块和WordPress管理栏之间的冲突

时间:2016-09-29 作者:Andrew Welch

我在我的主题中使用了平滑滑块https://kenwheeler.github.io/slick/ 和材料设计litehttps://getmdl.io/

我遇到的问题是,这里使用的转换与Wordpress管理栏冲突,导致它消失。如果我把这些注释掉,效果会更好,但如果幻灯片正在过渡到下一张幻灯片,它仍然会消失。

.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0); 
}

我曾尝试在slick上将useTransform设置为false,但没有帮助。

2 个回复
SO网友:Andrew Welch

为#wpadminbar添加css规则:

transform: translate3d(0,0,0);
background: black;
width: 100%;
使条形图显示并

我增加了z指数:0;到mdl-layout\\u标题以显示下拉列表。

不是最漂亮的。

SO网友:T.Todua

将其插入您的样式中。css:

body #wpadminbar{z-index:99;}
也许这就解决了。

相关推荐

Sidebar slideshow widget

有人知道可以放在边栏上的高质量图像幻灯片小部件吗?