powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как вогнать картинку полностью в окно без background-size:contain?
6 сообщений из 6, страница 1 из 1
Как вогнать картинку полностью в окно без background-size:contain?
    #39266353
Лунтик
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Для 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
Как вогнать картинку полностью в окно без background-size:contain?
    #39266504
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Лунтик,

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


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

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

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

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

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

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


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