css向下滑動的活動鏈接

我的CSS代碼有一個問題。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; 
    }

來源

2014-08-27 Jilet

移動從img_tb內slider-control-nav部，並把它的上方。

增加.container的寬度不會強制圖像低於

來源

2014-08-27 18:05:16

css向下滑動的活動鏈接

回答

相關問題