この問題を解決するのを手伝ってもらえますか? 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;
}