Автор Тема: Вывод бордюра в Опере  (Прочитано 381 раз)

02 Ноябрь 2016, 16:57:43
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Всем доброго!
Проблема вывода бордюра в Опере.
Во всех браузерах бордюр выводиться нормально, а в опере поле заполняется все.
Во вложение примеры.
В global.css…..
#columns {
  position: relative;
  padding-bottom: 50px;
  padding-top: 15px;
padding-left: 20px;
padding-right: 20px; 
  background: url('../img/1207.jpg')  repeat;
 border-style: solid;
  border-width: 20px;
  -moz-border-image: url(../img/1503.jpg) 20  repeat;
  -webkit-border-image: url(../img/1503.jpg) 20  repeat;
  -o-border-image: url(../img/1503.jpg) 20  repeat;
  border-image: url(../img/1503.jpg) 20  repeat;
В чем может быть пробдема.
Спасибо!
02 Ноябрь 2016, 17:20:01
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
-o-border-image: url(...); /* Opera */
-moz-border-image: url(...); /* Firefoxes  */
-webkit-border-image: url(...); /* Safari */
Проверь рамку на сайте http://border-image.com
02 Ноябрь 2016, 17:33:45
Ответ #2
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо большое за ответ!
Через генератор нормально рамка выходит..
Генерирован код..
border-style: solid;
border-width: 20px;
-moz-border-image: url(1503.jpg) 20 repeat;
-webkit-border-image: url(1503.jpg) 20 repeat;
-o-border-image: url(1503.jpg) 20 repeat;
border-image: url(1503.jpg) 20 repeat;
То-же самое и у меня.
Но все поле внутри всеравно в рамку..
02 Ноябрь 2016, 18:05:14
Ответ #3
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо всем!
Вопрос решился.