bxSlider中的圓角

Question

我需要bxSlider中的圓角。

我有這樣的代碼，但與JS實在不行：

#slider_mid { 
    width: 940px; 
    height:374px; 
    margin:0 auto; 
    border-radius: 100px; 
    overflow: hidden; 
    background:#093; 
} 

Answer 1

你bxSlider CSS文件的末尾添加此

.bx-wrapper, .bx-viewport, .bx-wrapper img { 
    -webkit-border-radius:10px; 
    -khtml-border-radius:10px; 
    -moz-border-radius:10px; 
    -o-border-radius:10px; 
    border-radius:10px; 
} 

Answer 2

我知道這是老了，但我跑進入問題，修復它比你想象的要簡單。問題是BxSlider爲其元素添加了50的z-index。

使用border-radius和ta-da爲元素添加更高的z-index！ （我也添加了一個位置，因爲z-index不適用於非定位元素。）

#slider_mid { 
    width: 940px; 
    height:374px; 
    margin:0 auto; 
    border-radius: 100px; 
    overflow: hidden; 
    background:#093; 
    position: relative; 
    z-index: 100; 
}