1

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

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

http://joerencontenz.comoj.com/

谢谢你。

幻灯片.php

/js/jquery.nivo.slider.pack.js"> // jQuery(window).load(function() { $('#slider').nivoSlider({ effect:'fade', //指定集合如： 'fold,fade,sliceDown' slices:20, animSpeed:900, pauseTime:4000, startSlide:0, //设置起始幻灯片（0索引）方向Nav:false, //下一个&上一个方向NavHide:false, //只显示on hover controlNav:true, //1,2,3... controlNavThumbs:false, //使用控件导航的缩略图 controlNavThumbsFromRel:false, //使用图片相关的缩略图 keyboardNav:true, //使用左右箭头 pauseOnHover: true, //悬停时停止动画 manualAdvance:false, //强制手动转换 captionOpacity:0.8 //通用标题不透明度 }); });

/]]> / have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID; ?> ">ID, 'slide', $single = true); ?>" alt="" title="
" />

幻灯片.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;
}
4

0 回答 0