html - Nivo slider 链接在 IE8 中不起作用

标签 html css hyperlink slider nivo-slider

我已经在我的网站上安装了最新版本的 Nivo Slider 3.2,它在 Firefox 和 Chrome 中运行良好,但在 IE8 中幻灯片链接不起作用。我已经搜索并尝试了很多解决方案,例如添加到我的 CSS:

.nivoSlider a, .nivoSlider img {
    display: block !important;
}

但这只适用于 slider 的第一张图片,其余图片不会链接到它们指定的页面。

我的网站是here ,点击顶部的“卡车销售”

CSS 是 here

感谢您的帮助!

最佳答案

这是 nivo slider 的一个已知问题,添加以下 css:

.nivoSlider a.nivo-imageLink{
    display:none;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity: 0;
    background-color:#fff;
}

.nivoSlider a.nivo-imageLink img{
    display:block!important;
}

发生这种情况是因为 IE 在呈现空 <a> 时出现问题没有背景.. 很久以前我想在 Flash 元素上放置一个链接时遇到过这个问题。给它一个背景并将不透明度设置为 0 将使其在不损害设计的情况下正常工作。

关于html - Nivo slider 链接在 IE8 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17886364/

相关文章:

html - CSS - flex 属性

html - 当位置从绝对变为相对时设计崩溃

css - 在长表内的两行之间应用分页符

html - CSS breadcrumbs 帮助格式化字体

php - 在我的 Mysql 语句中包含 GROUP BY id

php - 如何在 WordPress 管理菜单中添加基于用户的链接

javascript - 侧边栏中的下拉菜单

html - SVG 在 MS Edge 上显示为黑色

javascript - 如何添加外部链接到 react-bootstrap Navbar?

url - Google 在搜索结果中显示的 URI 长度限制是多少