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

Пётр · 21.11.2011, 18:52

Здраствуйте уважаемые форумчане.
Столкнулся с проблемой кроссобраузерности 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.
Заранее спасибо за Ваши ответы.

maxefect · 27.11.2011, 00:02

Как никак у многих браузеров свои движки!!!
Значит браузер не понимает код, попробуйте идти другим путем (найти компромисс)

UDAV · 28.11.2011, 00:03

А зачем такой легкий бордер делать рисунком? Просто border сделай и все

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Градиент 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

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. Заранее спасибо за Ваши ответы.

27.11.2011, 00:02	#2
maxefect	Как никак у многих браузеров свои движки!!! Значит браузер не понимает код, попробуйте идти другим путем (найти компромисс)

28.11.2011, 00:03	#3
UDAV	А зачем такой легкий бордер делать рисунком? Просто border сделай и все