VPF::Вопрос про border-image в css - Форум программистов

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;
}

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...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »