1

この問題を解決するのを手伝ってもらえますか? Internet Explorer を使用して Web サイトを表示すると、スライダーの下側に 2 番目の画像の一部が表示され、ナビゲーションの箇条書きが非表示になり、スライダーがスライドしません。

私のテスト ブログへのリンクは次のとおりです (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 インデックス) directionNav:false, //次および前の directionNavHide:false, //オンのみ表示hover controlNav:true, //1,2,3... controlNavThumbs:false, //コントロール ナビゲーションにサムネイルを使用する controlNavThumbsFromRel:false, //親指に画像 rel を使用する 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