我在我的网站上安装了最新版本的 Nivo Slider 3.2,它在 Firefox 和 Chrome 中运行良好,但在 IE8 中幻灯片链接不起作用。我已经搜索并尝试了一堆解决方案,例如添加到我的 CSS:
.nivoSlider a, .nivoSlider img {
display: block !important;
}
但这仅适用于滑块的第一张图像,其余图像不会链接到其分配的页面。
我的网站在这里,点击顶部的“卡车销售”
CSS 在这里
谢谢你的帮助!
这是 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 将使它正常工作而不会损害设计。
这对我不起作用,但我找到了另一个解决方案:
.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,但它可以解决问题。-干杯