0

border-radius と Opera 11.11 に関するこの問題は、私を NUTS に駆り立てています。

スパンと、そのスパンの背景として設定された画像があります。そのようなスパンをいくつか保持するコンテナーに境界半径を適用しています。

そのようです：

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

フォーラムによると、border-radius は Opera でサポートされているプロパティです。また、border-radius は画像ではなくブロック レベルの要素に適用されます。

デモはこちら: http://rjwcollective.com/equinox/brochure/

ここで何が欠けているかについての指針を提供してください。

リシ

4

1 に答える 1

0

カルーセル内のスパンはカルーセルの上に配置され、境界半径が設定されていません。丸みを帯びた境界線は、これらのスパンの下にあります。

これは、実際に動作するのを見るのに役立ちます（混乱を許して、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>
于 2011-06-09T18:51:50.950 に答える