Question

我正在重新创建我的投资组合页面，这是一项正在进行中的工作...... 在我的主页上我有一个来自bxslider.com的bxslider，它适用于所有其他浏览器，但在IE上，它没有过渡，只是简单地将图像叠加在一起......

可以查看该页面here

CSS如下：

#slides
{
width:100%;
height:400px;
margin-top:150px;
background-image:url('low_contrast_linen.png');
background-repeat:repeat;
z-index:-3;
border-bottom: 4px solid #ff7373;   
}

#slideshowwrap
{
 margin:0 auto;
 width:900px;
 height:250px;
 margin-top: 50px;
 z-index:-3;    
 }

#slider1
{
 width:1300px;
 height:300px;
 position: fixed;
}

HTML如下：

<div id="slides">
    Slideshow goes here (Full Width)
    <div id="slideshowwrap">
        <div id="slider1">
            <div> <img src="slideone.png" alt="slide one"/> </div>
            <div><img src="slidetwo.png" alt="slide two"/></div>
            <div> <img src="slidethree.png" alt="slide three" /> </div>
            <div><img src="slidefour.png" alt="slide four"/></div>
        </div>
    </div>

Answer 1

在根服务器文件夹上创建一个新的javascript文件，并将其命名为bxSlider.min.js。复制/粘贴https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js

的内容

替换代码：

 <script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js" type="text/javascript"></script>

by（假设您将新创建的脚本文件放在与index.html相同的文件夹中）：

<script src="bxSlider.min.js" type="text/javascript"></script>

现在看看发生了什么......

bxslider IE问题，图像垂直堆叠

1 个答案: