Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.05.2013, 20:45
Аватар для vflash
Профессор
Отправить личное сообщение для vflash Посмотреть профиль Найти все сообщения от vflash
 
Регистрация: 09.07.2007
Сообщений: 304

css background-image svg+картинка
хочу для background-image использовать svg .
в svg внешняя картинка . "data url" использовать не могу, так как картинка очень большая.

проблема c FF, картинка не отображается
есть ли решения ?
__________________
лучшая rss читалка zzreader.com

Последний раз редактировалось vflash, 09.05.2013 в 21:05.
Ответить с цитированием
  #2 (permalink)  
Старый 10.05.2013, 02:58
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

А чего ты боишься? оверхеда? gzip нивелирует оверхед. Так что втыкай через data:uri раз подругому не работает. А вставить несколько background-изображения не получится? Отдельно svg и отдельно твою большую картинку.
Ответить с цитированием
  #3 (permalink)  
Старый 10.05.2013, 04:19
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,565

ff20, всё норм отображается, хз.
__________________
29375, 35
Ответить с цитированием
  #4 (permalink)  
Старый 10.05.2013, 08:28
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Aetae, а где там «в svg внешняя картинка» ?
Ответить с цитированием
  #5 (permalink)  
Старый 10.05.2013, 10:00
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,565

Эм, внешняя - с другого домена? Какбэ если dataURL не может использовать по идеологическим причинам, а не по техническим то картинка имеется ввиду именно своя. Или я чего-то не понял?
__________________
29375, 35
Ответить с цитированием
  #6 (permalink)  
Старый 10.05.2013, 10:05
Аватар для vflash
Профессор
Отправить личное сообщение для vflash Посмотреть профиль Найти все сообщения от vflash
 
Регистрация: 09.07.2007
Сообщений: 304

Сообщение от danik.js
А чего ты боишься? оверхеда? gzip нивелирует оверхед. Так что втыкай через data:uri раз подругому не работает. А вставить несколько background-изображения не получится? Отдельно svg и отдельно твою большую картинку.
несколько картинок, но используется только одна.
хочу избежать возни в фотошопе. одна маска но много картинок

может через css можно рулить адресом картинки в svg ?
__________________
лучшая rss читалка zzreader.com

Последний раз редактировалось vflash, 10.05.2013 в 10:09.
Ответить с цитированием
  #7 (permalink)  
Старый 11.05.2013, 11:15
Аватар для vflash
Профессор
Отправить личное сообщение для vflash Посмотреть профиль Найти все сообщения от vflash
 
Регистрация: 09.07.2007
Сообщений: 304

идея использовать svg получилось тупиковой.
сделал через data:url . но подвел Chrome
по какой-то непонятной логике не отображает картинку. а если сперва открыть svg а потом в этойже вкладке страничку то волшебным образом работает.

http://vflash.ru/bug/bgsvg.html

IE6-2.0
__________________
лучшая rss читалка zzreader.com

Последний раз редактировалось vflash, 11.05.2013 в 12:32.
Ответить с цитированием
  #8 (permalink)  
Старый 11.05.2013, 16:26
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Подтверждаю глюк. А другие варианты не подходят? Вебкит поддерживает css-маски например.
Ответить с цитированием
  #9 (permalink)  
Старый 11.05.2013, 16:52
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Кажется вот этот глюк: https://bugs.webkit.org/show_bug.cgi?id=99677
Ответить с цитированием
  #10 (permalink)  
Старый 11.05.2013, 19:02
Аватар для vflash
Профессор
Отправить личное сообщение для vflash Посмотреть профиль Найти все сообщения от vflash
 
Регистрация: 09.07.2007
Сообщений: 304

для ФФ и Хрома так и поступил. жаль для ФФ нет "mask-position", пришлось имитировать.
__________________
лучшая rss читалка zzreader.com
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Автоматическая смена картинок через заданное время herotic Элементы интерфейса 45 15.05.2020 16:44
SVG CSS, SVG to WOFF kobezzza Firefox/Mozilla 2 29.03.2013 15:59
Inline SVG as background Paguo-86PK Элементы интерфейса 0 16.12.2011 20:12
Оцените, пожалуйста код вёрстки OlegALL Ваши сайты и скрипты 18 26.07.2011 09:35
background image, справочник igor1102828 Элементы интерфейса 2 23.03.2008 18:53