我在这个网站上使用Lightbox:http://lokeshdhakar.com/projects/lightbox2/它适用于chrome,firefox,safari和opera。但是当我在IE中尝试时,灯箱不起作用。我试图在IE上打开灯箱网站并且它有效,我也按照说明操作。但是当谈到我自己的网站时,它并没有起作用。有人可以解释为什么以及如何解决这个问题?我是否需要某些额外的代码才能使其兼容?
感谢任何反馈。谢谢
IE9 / 1.11.0
相关HTML
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<div class="work">
<a href="images/img1.jpg" data-lightbox="image-1" data title="Chrysanthemum">
<img src="images/img1.jpg" border=0></a>
</div>
CSS
.work {
width: 50%;
height: 100%;
position: relative;
float: left;
line-height: 0;
}
.work img {
width: 100%;
height: 100%;
position: relative;
top: 50%;
left: 50%;
margin: -32.8% 0 0 -50%;
}