Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Кроссобраузерность border-image

Обсуждение темы Кроссобраузерность border-image в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здраствуйте уважаемые форумчане. Столкнулся с проблемой кроссобраузерности border-image. В общем использую такой код .info{ width:295px; height:20px; border-width: 3px; -moz-border-image: url( http://s017.radikal.ru/i418/1111/70/02370d5ab5dc.gif)3 round stretch; ...


Закрытая тема
 
Опции темы
Старый 21.11.2011, 18:52   #1
Здраствуйте уважаемые форумчане.
Столкнулся с проблемой кроссобраузерности border-image.

В общем использую такой код

.info{
width:295px;
height:20px;
border-width: 3px;
-moz-border-image: url(http://s017.radikal.ru/i418/1111/70/02370d5ab5dc.gif)3 round stretch;
-webkit-border-image:url(http://s017.radikal.ru/i418/1111/70/02370d5ab5dc.gif) 3 round stretch;
-o-border-image: url(http://s017.radikal.ru/i418/1111/70/02370d5ab5dc.gif) 3round stretch;
border-image: url(http://s017.radikal.ru/i418/1111/70/02370d5ab5dc.gif) 3round stretch;
}

В Google Chrome все хорошо отображает, когда в опере и мозилле отображаются только 4 угла, как это можно побороть?
Вот ссылка на рабочий пример http://jsfiddle.net/nHVLL/
Попробуйте зайти туда с Mozilla и Chrome.
Заранее спасибо за Ваши ответы.
 
Старый 21.11.2011, 18:52
Ссылки
Старый 27.11.2011, 00:02   #2
Как никак у многих браузеров свои движки!!!
Значит браузер не понимает код, попробуйте идти другим путем (найти компромисс)
 
Старый 28.11.2011, 00:03   #3
А зачем такой легкий бордер делать рисунком? Просто border сделай и все
 
Старый 28.11.2011, 00:03
Закрытая тема

Метки
border-image


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Градиент border kpripper HTML, CSS, JavaScript 1 11.10.2013 13:38
border-radius ddddd HTML, CSS, JavaScript 1 27.06.2010 19:52
border: 2px groove ddddd HTML, CSS, JavaScript 1 02.06.2010 13:00
border у таблицы.... w00fer HTML, CSS, JavaScript 6 02.03.2004 01:49
border Spy HTML, CSS, JavaScript 3 23.04.2003 20:12


Текущее время: 02:43. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум