0

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

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

但这仅适用于滑块的第一张图像,其余图像不会链接到其分配的页面。

我的网站在这里,点击顶部的“卡车销售”

CSS 在这里

谢谢你的帮助!

4

2 回答 2

3

这是 nivo 滑块的一个已知问题,添加以下 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 将使它正常工作而不会损害设计。

于 2013-07-26T16:26:11.063 回答
0

这对我不起作用,但我找到了另一个解决方案:

.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
    background:white;
    filter: alpha(opacity=0);
    /other than IE/
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity: 0;
    line-height: 375px; /*Change this to the height of your image*/
    font-size: 0px;
}

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

现在在每个图像链接前添加一些文本:

<a href="yourlink.php">TEXT GOES HERE<img src="yourimage.jpg" alt="image" /></a>

这有点hacky,但它可以解决问题。-干杯

于 2013-09-28T02:26:51.923 回答