2011-11-17 112 views
3

這用於正常工作,但我最近上傳了新的圖像,現在我注意到它們中的閃爍。Nivo滑塊圖像閃爍

這是集成到我的SharePoint站點。新圖像並不比其他圖像大。

這裏是我的CSS:

/* 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; 
    bottom:0px; 
    left:0px; 
    width:100%; 
    height:40%; 
    border:0; 
    padding:0; 
    margin:0; 
    z-index:1; 
    display:none; 
} 
/* The slices and boxes in the Slider */ 
.nivo-slice { 
    display:block; 
    position:absolute; 
    /*z-index:5;*/ 
    height:100%; 
} 
.nivo-box { 
    display:block; 
    position:absolute; 
    /*z-index:5;*/ 
} 
/* Caption styles */ 
.nivo-caption { 
    position:absolute; 
    left:0px; 
    bottom:0px; 
    background:#000; 
    color:#fff; 
    opacity:0.8; /* Overridden by captionOpacity setting */ 
    width:100%; 
    /*z-index:8;*/ 
} 
.nivo-caption p { 
    padding:5px; 
    margin:0; 
} 
.nivo-caption a { 
    display:inline !important; 
} 
.nivo-html-caption { 
    display:none; 
} 
/* Direction nav styles (e.g. Next & Prev) */ 
.nivo-directionNav a { 
    position:absolute; 
    top:45%; 
    /*z-index:9;*/ 
    cursor:pointer; 
} 
.nivo-prevNav { 
    left:0px; 
} 
.nivo-nextNav { 
    right:0px; 
} 
/* Control nav styles (e.g. 1,2,3...) */ 
.nivo-controlNav a { 
    position:relative; 
    /*z-index:9;*/ 
    cursor:pointer; 
} 
.nivo-controlNav a.active { 
    font-weight:bold; 
} 
+1

你能告訴我們一個例子嗎?如果無法顯示原點,請新建一個jsfiddle項目。 – biphobe

+0

實際上你可以看看w w w DOT r e v a l DOT c o m – user1022913

+0

jQuery Nivo Slider v2.6 jquery-1.5.1.js – user1022913

回答

2

我以前見過類似的問題。通常工作得很好的修正是設置:

opacity: 1; 
filter: alpha(opacity=100); 
zoom: 1; 

在圖像上。