gpt4 book ai didi

jquery - Nivo Slider 上的第一张图像出现扭曲

转载 作者:行者123 更新时间:2023-11-28 05:33:00 25 4
gpt4 key购买 nike

我的网站上有一个 Nivo slider ,每次我重新加载 slider 上的第一张图片时,它的高度都会被拉伸(stretch),我不知道是什么原因,所以我将最大高度定义为一个固定值,甚至添加了

高度:自动!重要; .nivo-main-image

即便如此,我仍然面临同样的问题,没有任何解决方案,感谢您的帮助。

最佳答案

代码如下:

**

.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
height:auto !important;
}
/* 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:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:relative;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
/* -moz-opacity: 0.8;*/
/*filter:alpha(opacity=8);*/
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 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;
z-index:100;
}
.nivo-nextNav {
right:0px;
z-index:100;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}

**

关于jquery - Nivo Slider 上的第一张图像出现扭曲,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38402023/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com