twitter bootstrap carousel 的边框半径在 Firefox 和 IE9 上工作正常,但在 Chrome 浏览器上不起作用
<style>
.carousel{
-moz-border-radius: 10px; /* FF1+ */
-webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */
border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
overflow:hidden;
}
</style>
<div id="myCarousel" class="carousel slide" >
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="img/1.jpg"/>
</div>
<div class="item">
<img src="img/2.jpg"/>
</div>
<div class="item">
<img src="img/3.jpg"/>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>