我的 CSS
代码有一个问题。
问题是事件链接向下滑动。
这是我的 DEMO来自 codepen 的页面链接。
如果您查看我的DEMO 页面,您会看到蓝色边框颜色的事件链接。我希望链接出现在所有图像上。但是现在5、6、7号图片事件链接蓝色边框滑下来了。我可以在这里做什么任何人都可以帮助我吗?
.slider-control-nav a {
display: inline-block;
width: 96px;
height: 71px;
float:left;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
text-indent: -9999px;
margin-left:16px;
margin-top:5px;
}
.slider-control-nav a.active {
border:2px solid #3978f5;
opacity:1;
box-shadow:inset 0px 0px 10px 3px #777777;
-moz-box-shadow:inset 0px 0px 10px 3px #777777;
-webkit-box-shadow:inset 0px 0px 10px 3px #777777;
width: 97px;
height: 72px;
}
.imgtmb img {
width:97px;
height:auto;
border-radius:3px;
-webkit-border-radis:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.imgtmb {
float: left;
width: 97px;
height: 72px;
margin-left: 16px;
margin-top: 6px;
}
最佳答案
将 slider-control-nav
部分从 img_tb
中移到上面。
增加.container
的宽度不强制显示下面的图片
关于html - 带有css的事件链接向下滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25533949/