Opera 11 и вопросы о радиусе границы - PullRequest
Новая
       37

Opera 11 и вопросы о радиусе границы

0 голосов
/ 09 июня 2011

Эта проблема с border-radius и Opera 11.11 сводит меня с ума.

У меня есть диапазон и изображение, установленное в качестве фона для этого диапазона. Я применяю радиус границы к контейнеру, который содержит несколько таких промежутков.

Вот так: 

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

Форумы говорят мне, что border-radius является поддерживаемым свойством в Opera. Кроме того, border-radius применяется к элементу уровня блока, а не к изображению.

Вот демо: http://rjwcollective.com/equinox/brochure/

Пожалуйста, укажите, что мне здесь не хватает.

Риши

1 Ответ

0 голосов
/ 09 июня 2011

Ваши пролеты в карусели размещены над каруселью, и они не имеют каких-либо границ радиуса.Любая закругленная граница находится ниже этих промежутков.

Это работает для меня, чтобы увидеть это в действии (извините за беспорядок, просто скопируйте / вставьте рабочий пример из 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>
...