Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вопрос про border-image в css, Некорректно отображается в Opera Firefox 
:(
    Опции темы
drumgog
Дата 18.2.2012, 13:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 4.1.2012
Где: Краснодар

Репутация: нет
Всего: нет



рамка некорректно отображается в Opera IE Firefox, картинка только по углам, а в Хроме всё отображается корректно

вот код:

Код

#borderimage {
    -moz-border-image: url("border-image.png") 30 round round;
    -o-border-image: url("border-image.png") 30 round round;
    -webkit-border-image: url("border-image.png") 30 round round;
    border: 30px solid #40c4c8;
    border-image: url("border-image.png") 30 round round;
    border-width: thick;
    padding: 20px;
}


PM MAIL ICQ Skype Jabber   Вверх
SelenIT
Дата 20.2.2012, 01:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



А если так?
Код

#borderimage {
    border: 30px solid #40c4c8; /* ширина уже входит сюда, зачем лишнее? */
    -moz-border-image: url("border-image.png") 30 round round; /* картинка после сплошной заливки - на вс. случ. */
    -o-border-image: url("border-image.png") 30 round round;
    -webkit-border-image: url("border-image.png") 30 round round;
    border-image: url("border-image.png") 30 round round;
    padding: 20px;
}

P.S. Для упрощения жизни отвечающим, хорошо бы показывать задачу в виде живого примера на каком-нибудь jsfiddle.net...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0641 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.