Имя: Пароль:
IT
Веб-мастеринг
border-image - избирательное отображение картинок
0 Brunhilda
 
17.10.15
16:07
Видела одно сообщение в 2011 -м году в интернете, а на форуме найти не могу, поэтому создаю тему по новой.
У меня избирательно отображаются картинки в формате png.если через img src всё нормально, если указать путь в интернете, тоже всё в порядке, но стоит мне прописать в url путь до этой же картинки, но в своей папке, как она не отображается.Свойства картинки проверяла - формат действительно .png.Файл html и картинка лежат в одной директории.Привожу пример кода, где свойство отображается:
.wrapper {
    border-style: solid; border-width: 27px;
-moz-border-image: url(http://www.whatifthemovie.tv/uploads/4/1/6/3/4163687/9359695_orig.png) 27 repeat;
-webkit-border-image: url(http://www.whatifthemovie.tv/uploads/4/1/6/3/4163687/9359695_orig.png) 27 repeat;
-o-border-image: url(http://www.whatifthemovie.tv/uploads/4/1/6/3/4163687/9359695_orig.png) 27 repeat;
border-image: url(http://www.whatifthemovie.tv/uploads/4/1/6/3/4163687/9359695_orig.png) 27 fill repeat; }
код, где картинка не отображается.
.wrapper {
    border-style: solid; border-width: 27px;
-moz-border-image: url(unnamed.png) 27 repeat;
-webkit-border-image: url(unnamed.png) 27 repeat;
-o-border-image: url(unnamed.png) 27 repeat;
border-image: url(unnamed.png) 27 fill repeat; }
но при написании такого кода <img src="unnamed.png"> прекрасно видна
Прошу отвечать тех, кто действительно знает.
1 vde69
 
17.10.15
16:47
попробуй так

-moz-border-image: url('unnamed.png') 27 repeat;
2 vde69
 
17.10.15
16:53
а вообще ответ в числе "27", у тебя это ширина рамкаи по кругу, то есть рамка закрывает изображение :)

тему можно считать закрытой
3 Asmody
 
17.10.15
17:00
(0) стили в отдельном css-файле?
посмотри в chrome или firefox в какие пути картинки разворачиваются.
PS бабочки красивые
4 Asmody
 
17.10.15
17:09
относительные пути в css считаются от css-файла
5 Brunhilda
 
21.10.15
10:41
спасибо за ответы, а вот то, что код закрывает картинку, можно по подробнее? Потому что точно такой же  код был на border-image.com, я только картинку вставила из свойе папки, и там у меня всё отобразилось?
6 Brunhilda
 
21.10.15
10:44
да, и почему рамка закрывает картинку исключительно, когда прописываю путь из своего файла, а не из интернета?
7 Asmody
 
21.10.15
10:47
Вот тут вы найдете ответы http://htmlbook.ru/css/border-image
8 Brunhilda
 
21.10.15
11:03
спасибо, но нет, там я не нашла ответы)) более того, там как раз показан пример с рамкой по кругу), более того, я тоже там задала свой вопрос, но ответа так и не получила.
9 Asmody
 
21.10.15
11:12
(8) картинки-то появились?
10 Brunhilda
 
21.10.15
11:23
нет, не появились.как было так и осталось, при чём не только на моём компе, но и на чужом тоже.Да, здесь спрашивали, в отдельном ли файле стили.Так вот, я пробовала примеры и в отдельном и во встроенном причём всё с того же ресурса http://htmlbook.ru/css3-na-primerakh/dekorativnye-ramki и http://htmlbook.ru/css/border-image
11 Asmody
 
21.10.15
12:35
(10) что пишет devtools в chrome?
12 Brunhilda
 
22.10.15
09:45
Тема закрыта.Всем спасибо за отклики.Виндовс обновлялся всю ночь и только недавно закончил свою работу, сегодня мне  демонстрирует любые картинки, любого веса и формата в функции border-image,КРОМЕ! картинок с такими именами: unnamed_1, unnamed1 или unnamed-smoll, unnamed smoll.По ходу дела глюк был занесен и на чужой комп, где я тестировала своё творение, потому что его владелец сказал, что автоматическое обновление виндовс также запустилось у него на компе.Может, кому-то пригодится.
"что пишет devtools в chrome?" я даже не знаю, что это такое и где его искать.))но слава богу не понадобилось.
13 Антириус
 
22.10.15
09:50
(12) devtools - штука для отладки кода клиента :-)
14 asady
 
22.10.15
09:50
(0) снеси винду не порть карму
15 Brunhilda
 
22.10.15
09:54
и пользователям заказчика также сказать, которые будут любоваться моим бессмертным шедевром?))