Question

你能帮我解决这个问题吗？当我使用Internet Explorer查看我的网站时，滑块显示下方的第二个图像的一部分，隐藏导航项目符号，滑块不会滑动。

以下是我的测试博客的链接（使用Internet Explorer）：

http://joerencontenz.comoj.com/

谢谢。

slide.php

/js/jquery.nivo.slider.pack.js“＆gt; / / jQuery（window）.load（function（）{     $（'＃slider'）。nivoSlider（{effect：'fade'，//指定集合如下：   'fold，fade，sliceDown'切片：20，animSpeed：900，pauseTime：4000，         startSlide：0，//设置开始Slide（0 index）directionNav：false，   //下一个＆amp; Prev directionNavHide：false，//仅在悬停时显示         controlNav：true，// 1,2,3 ......           controlNavThumbs：false，//使用控件导航的缩略图           controlNavThumbsFromRel：false，//使用image rel for thumbs keyboardNav：true，//使用left＆amp;右箭头pauseOnHover：true，   //在悬停manualAdvance时停止动画：false，//强制手动   过渡captionOpacity：0.8 //通用标题不透明度}）; }）;

/]]＆gt; / have_posts（））：   $ my_query-＆gt; the_post（）; $ do_not_duplicate = $ post-＆gt; ID; ？＆GT; “＆GT; ID，   'slide'，$ single = true）; ？＆gt;“alt =”“title =”
  “/＆gt;

slide.css

/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */
#sliderw {
  height: 465px; /*385 default*/
  width:938px;
  padding: 10px 10px 0 10px;
  background: url(../images/sliderbg.png) no-repeat;
  margin: 0px auto 0;
  overflow: hidden;
}
#slider {
    position:relative;
    font-size: 16px;
    width: 938px;
    height: 385px;
    margin: 0px auto;
}
#slider .desc {
    font-size: 13px;
    margin: 10px 0 0 0px;
    padding:0;
    color:#fff !important;
    display: block;
}
.tit {
  font-size: 15px;
  color: #f8bc12;
}
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
}
/* The slices in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    left:-10px;
    background:#000;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width: 920px !important;
    z-index:89;
    bottom: -10px;
    padding: 10px 20px 15px;
}
.nivo-caption p {
    padding:5px;
    margin:0;
    color: #000 !important;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  position: absolute;
  bottom: -50px;
  left: 45%;
}
.nivo-controlNav a {
    position:relative;
    z-index:99;
    cursor:pointer;
    text-indent: -9999;
    background: url(../images/nivobutton.png) no-repeat;
    display: block;
    float: left;
    height: 13px;
    margin-right: 7px;
    text-indent: -9999px;
    width: 13px;
}
.nivo-controlNav a.active {
    background: url(../images/nivobutton.png) no-repeat scroll right;
}
.sepsl {
  background: url(../images/sep.gif) repeat-x scroll bottom;
  height: 2px;
  clear: both;
  width: 904px;
  margin: 0 0 15px 24px;
}

Nivo滑块显示第二个图像的一部分

0 个答案: