【问题标题】:Nivo slider image flickerNivo 滑块图像闪烁
【发布时间】:2011-11-17 00:05:56
【问题描述】:

这曾经可以正常工作,但我最近上传了新图片,现在我注意到它们在闪烁。

这已集成到我的共享点站点中。新图像并不比其他图像大。

这是我的 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;
}

【问题讨论】:

  • 你能给我们举个例子吗?如果无法显示来源,请创建一个新的 jsfiddle 项目。
  • 其实可以看看 w w w DOT r e v a l DOT c o m
  • jQuery Nivo Slider v2.6 jquery-1.5.1.js

标签: jquery css sharepoint nivo-slider


【解决方案1】:

我以前见过类似的问题。一个通常效果很好的修复方法是设置:

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

在图片上。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-17
    相关资源
    最近更新 更多