IE(仅)在幻灯片中悬停获得保证金? (包含项目的CSS和链接)

时间:2012-06-30 17:53:34

标签: javascript html css internet-explorer slideshow

IE幻灯片显示在悬停时崩溃。

development.legendarylion.com

为什么幻灯片在悬停时获得最高利润的任何想法?

项目位于:http://development.legendarylion.com

CSS

    div#slideshow {
    width: 947px; height: 554px;
    overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
    position: relative; z-index: 5;
}

ul#slides{margin: 0; padding: 0; border: 0;list-style-type:none;}
ul#nav {margin:0; padding:0;}
div#slideshow ul#nav {
    display: none;
    list-style: none;
    position: relative; top: 250px; z-index: 15;
}
    div#slideshow ul#nav li#prev {
        float: left; margin: 0 0 0 20px;
    }
div#slideshow ul#nav li#next {
    float: right; margin: 0 20px 0 0;
}
div#slideshow ul#nav li a {
    display: block; width: 20px; height: 37px; text-indent: -9999px;
}
    div#slideshow ul#nav li#prev a {
        background: url(../img/prev-b.png);
    }
    div#slideshow ul#nav li#next a {
        background: url(../img/next-b.png);
    }

div#slideshow ul#slides {
    list-style: none;
}
    div#slideshow ul#slides li {
        margin: 0 0 20px 0;
    }

1 个答案:

答案 0 :(得分:0)

似乎只在ie8和更低。您是否尝试覆盖似乎添加的css规则?例如

#slides li:hover
{
    margin-top:0px !important;
    top:0px !important;
    padding-top:0px !important;
}