Question

border-radius和Opera 11.11的这个问题正在推动我努力。

我有一个跨度和一个图像设置为该跨度的背景。我正在将一个border-radius应用于容纳几个这样的跨度的容器。

像这样：

#carousel { border-radius:15px;  margin:30px 0 0 0px; overflow:hidden; }

论坛告诉我，border-radius是Opera支持的属性。此外，border-radius应用于块级元素而不是图像。

这是演示： http://rjwcollective.com/equinox/brochure/

请提供我在这里缺少的内容。

仙人

Answer 1

您在旋转木马中的跨度是放在旋转木马上，并且它们没有任何边界半径配置。任何圆形边框都在这些跨度之下。

这对我有用，可以看到它的实际效果（原谅一塌糊涂，只需复制/粘贴Dragonfly的工作示例）：

<div class="carousel_cont">
  <div id="carousel" style="position: relative; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px">
    <span id="6" style="background-attachment: scroll; background-repeat: no-repeat; background-image: url(&quot;http://rjwcollective.com/equinox/brochure/images/assets/06pg.png&quot;); background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; width: 980px; height: 560px; top: 0px; z-index: 9; opacity: 1; display: block; left: 60px; border-top-right-radius: 100px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px"></span>
  </div>
  <!-- end carousel -->
</div>

Opera 11和border-radius问题

1 个答案: