javascript - 使 slider 箭头在魔术 slider 中始终可见

标签 javascript jquery html css

我正在为我的网站使用魔术 slider

http://m2.alothemes.com/bencher/

在这里,我想让我的箭头始终可见。所以我写了下面的CSS代码

.slick-next.slick-arrow, .slick-prev.slick-arrow{

    display: block;
    visibility: visible;
    opacity: 1;
    background-color: #eeeeee73 !important;
    border-radius: 2px;
}

此代码有效。但问题是,当我悬停它时,箭头没有显示,并且出现了一种效果。请尝试解决这个问题。

我希望我的 slider 箭头始终带有背景色。目前只有当我们悬停 slider 时它才可见。

最佳答案

您可以在下面添加 css 将帮助您获得所需的输出。

.home-slider.home-slider-index .slick-arrow {
    OPACITY: 1;
    visibility: visible !important;
}

Arrow

关于javascript - 使 slider 箭头在魔术 slider 中始终可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58077638/

相关文章:

html - 在 Markdown 文档中对齐视频嵌入旁边的图片

javascript - 矩阵的所有变体

javascript - 使用 jquery 获取选择值和单选值

javascript - JQuery获取子元素的最高高度并放入父元素

javascript - 数据表中的自动序列号以及响应表

html - css: 从底部开始填充 repeat-y

javascript - 网站上的谷歌广告溢出到米色背景

javascript - 使用蓝牙扫描仪/键盘在 iOS/Safari 上收听 HTML/JavaScript 中的按键,而无需专注于某个领域

javascript - 使用 JavaScript 库动画 SVG 组对象

javascript - 如何另存为html文件,嵌入浏览器显示?