|
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
|
и пользователям заказчика также сказать, которые будут любоваться моим бессмертным шедевром?))
|
Форум | Правила | Описание | Объявления | Секции | Поиск | Книга знаний | Вики-миста |