Internet Explorer再次给我带来麻烦 bannerlider在Firefox,Chrome和Safari中完美运行,但在IE浏览器中,每张好幻灯片后我都会得到一张空白幻灯片。如果我取出每张幻灯片的链接,空白幻灯片将消失,但随后图像无法点击,这就是我想要的。 这就像IE看到另一个不存在的div。我已经三次检查了div,我没有看到任何问题,但我必须遗漏一些东西 非常感谢帮助。这是代码:
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link rel="stylesheet" href="jquery.bannerslider.css" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.bannerslider.js">
</script>
</head>
<body>
<script type="text/javascript">
$(function(){
$("div.bannerslider").bannerslider({
showNumbers:true,
showArrows:true,
subtitleAttr:'title',
itemAnimation:'fade',
autoAdvance:5000,
pauseOnHover:true,
animationPeriod:1000,
bottomOpacity:0.5,
nextButton:'»',
prevButton:'«'
});
});
</script>
<div class="bannerslider" style="margin:auto;">
<div class="items">
<div class="item" style="z-index:2;" title="Click for Info" alt=""><a href="info.pdf" target="_blank"><img src="banners/info.jpg"></div>
<div class="item" style="z-index:2;" title="Click for the Schedule" alt=""><a href="sched.pdf" target="_blank"><img src="banners/sched.jpg"></div>
<div class="item" style="z-index:2;" title="Read About the Program" alt=""><a href="program.pdf" target="_blank"><img src="banners/program.jpg"></div>
</div>
</div>
</body>
</html>