Question

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">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

Answer 1

我遇到了同样的问题并解决了z-index .carousel .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; z-index: 1000; }的增加问题。

source_github <- function(u) {
  # load package
  require(RCurl)

  # read script lines from website
  script <- getURL(u, ssl.verifypeer = FALSE)

  # parase lines and evaluate in the global environment
  eval(parse(text = script))
}

source("https://raw.github.com/tonybreyal/Blog-Reference-Functions/master/R/bingSearchXScraper/bingSearchXScraper.R")

Answer 2

我有同样的问题。这是由于旋转木马控制（控制面板，以便看到下一张/上一张图片）。我有这个，它对我来说很好用： - ）

.carousel img{ border-radius: 55px; }
.carousel-control { background-image:none !important; }

Twitter引导程序轮播的边框半径在Chrome浏览器上不起作用

2 个答案: