Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как вогнать картинку полностью в окно без background-size:contain? / 6 сообщений из 6, страница 1 из 1
01.07.2016, 13:40
    #39266353
Лунтик
Лунтик
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как вогнать картинку полностью в окно без background-size:contain?
Для 1с в полеHTMLДокумента пишу
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<HTML>

<HEAD>

<style>body { background:url(http://cdn.randewoo.ru/img/20987/z/1); background-size:contain; background-repeat: no-repeat;}</style>

</HEAD>

<BODY>

</BODY>

</HTML>


похоже background-size не работает. Чем его заменить?автор
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2016, 15:24
    #39266504
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как вогнать картинку полностью в окно без background-size:contain?
Лунтик,

а другие единицы измерения 1С понимает?
Код: css
1.
2.
3.
background-size:20% 100%;
 или
background-size:74px 410px;


А javascript можно использовать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2016, 18:19
    #39266653
Лунтик
Лунтик
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как вогнать картинку полностью в окно без background-size:contain?
1.user89, мне кажется Background-size не понимается. Насколько я знаю, он появился в CSS3 - может это для 1с критично. А вот background-repeat понимается: специально привела с ним пример, чтобы понимать, что тэг <style> все-таки отрабатывается.

Можно как-нибудь объяснить HTML, что надо использовать нужную версию CSS?

2.Было бы замечательно увидеть код на JS. Код попался на JQuery, но это, по-моему отдельная библиотека для Java - совсем тяжело для 1с и для меня. Нашла варианты с невидимым div и с 100% padding, но не поняла вообще ничего, кроме того, подозреваю, что ресурс будет два раза обрабатываться, что не очень хорошо.

3. Другие единицы понимает, но размер окна будет меняться, т.е. явно задавать нельзя.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2016, 18:54
    #39266667
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как вогнать картинку полностью в окно без background-size:contain?
>>> Можно как-нибудь объяснить HTML, что надо использовать нужную версию CSS?
В самом начале документа поставьте <!DOCTYPE html> . Это = HTML5. Возможно прокатит, и стили обработаются как CSS3.

>>> Другие единицы понимает, но размер окна будет меняться, т.е. явно задавать нельзя.
Тогда в процентах, размер автоматом должен подстроиться.
Код: css
1.
background-size:auto 100%;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2016, 19:54
    #39266691
Лунтик
Лунтик
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как вогнать картинку полностью в окно без background-size:contain?
>>прочитала помощь в 1с: модель используется DOM1 - это о чем-нибудь должно сказать?
>>auto 100% - значит, что высота натуральная, а ширина как получится. А если картинка узенькая и невысокая=маленькая, а ее надо увеличивать, То, наверное не прокатит. Или это только для Width и height внутри <IMG>
Кстати, есть разница <Style> внутри <HEAD> и "style" внутри <IMG>?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.07.2016, 21:04
    #39266708
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как вогнать картинку полностью в окно без background-size:contain?
Лунтик,

поэкспериментируйте с background-size:auto 100%;   хуже точно не будет
А если style прописан внутри тега, то он перешибает стиль, который задан в <style> .
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как вогнать картинку полностью в окно без background-size:contain? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]