边界半径和Opera 11.11的问题使我感到困惑。
我有一个跨度和一个图像设置为该跨度的背景。
我正在对容纳多个此类跨距的容器应用边界半径。
像这样:
#carousel { border-radius:15px; margin:30px 0 0 0px; overflow:hidden; }
论坛告诉我,边界半径是Opera中受支持的属性。
此外,边界半径将应用于块级元素,而不是图像。
这是演示:
http://rjwcollective.com/equinox/brochure/
请提供有关我在这里缺少什么的指示。
里士
最佳答案
您在轮播中的跨度放置在轮播上,并且它们没有任何边界半径配置。任何圆角边框都在这些范围之内。
这对我来说很有效,可以看到它的作用(不好意思,只是从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("http://rjwcollective.com/equinox/brochure/images/assets/06pg.png"); 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>