Описание тега background-size
Свойство CSS background-size определяет размер фоновых изображений.
3
ответа
Как фоновый размер относится к элементу?
Извините заранее, если название моего вопроса кажется неясным. Я пытаюсь создать инструмент, который позволит пользователю щелкнуть в любом месте изображения и вырезать фрагмент этого изображения для последующего использования, аналогично тому, что …
02 авг '17 в 13:35
1
ответ
Как установить конкретное значение CSS для javaFX ProgressBar во время выполнения?
У меня есть обычный CSS для моего ProgressBar: .progress-bar > .track { -fx-background-color: transparent; } .progress-bar > .bar { -fx-background-color: transparent; -fx-background-image: url('/images/progress_bar.png'); -fx-background-size: …
19 июл '16 в 14:19
2
ответа
Заполнение DIV независимо от соотношения сторон
То, что я пытаюсь достичь, это заполнить div изображением как по ширине, так и по высоте. То, что я получаю, это контроль над шириной, но высота будет учитывать соотношение сторон без заполнения div по высоте. Попробовал background-size: накрыть и в…
10 дек '15 в 12:52
1
ответ
Почему iOs Safari показывает полный размер фонового изображения?
Я работаю над сайтом, где у вас есть несколько рамок с фоновыми изображениями в виде миниатюр. Я должен использовать background-image, потому что CMS, над которой мы работаем, устарела, и клиент не изменится (главная проблема - деньги). я выяснил ст…
29 апр '15 в 14:35
1
ответ
Как работает background-size и background-repeat?
Вот пример. Я хотел бы обрезать фоновое изображение, а затем использовать обрезанное изображение в качестве фона для большего (по размеру) элемента. Я имею в виду, что div больше, чем его фон, и мне не нужно повторение. Теперь когда background-repea…
23 ноя '15 в 05:32
1
ответ
Переход размера фона не работает в IE10/11
Что не так с этим кодом? Эффект масштабирования не работает в Internet Explorer 10 или 11 (нормально в других браузерах). <div class="image"></div> .image { width:300px; height:200px; background: url("http://lorempixel.com/300/200"); bac…
17 фев '14 в 18:00
1
ответ
Не могу получить фон, чтобы остаться на месте
Так что я хочу, чтобы фоновое изображение оставалось там, где оно есть (а не изменяло размер в зависимости от объема содержимого), и чтобы левый столбец прокручивался и (если возможно!) Оставлял место правым столбцом. @import url(http://fonts.google…
05 ноя '14 в 10:14
0
ответов
Размер фонового изображения внутри фрейма растягивается
У меня странная проблема, когда фоновые изображения внутри iframe растягиваются до высоты iframe, а не до размера div, к которому они прикреплены. По сути, у меня есть страница, созданная другим агентством, которая будет жить в рамках iframe на глав…
12 июн '17 в 18:17
0
ответов
Проблема размера спрайта в веб-браузерах
У меня проблема с размером спрайта CSS в разных браузерах. Некоторые из значков выглядят как другие значки, отображается под ними. Есть разделы, в которых один и тот же код по-разному показывает один и тот же значок на веб-странице. Это проблема рас…
26 сен '17 в 10:47
1
ответ
Размер фона: обложка и текст на странице с горизонтальной прокруткой
Я пытаюсь сделать очень простую HTML-страницу с горизонтальной полосой прокрутки, которая содержит только одну большую картинку (с background-size:cover) слева и длинный текст с колонками справа на обложке. Я думаю, что моя проблема о position:relat…
16 янв '15 в 04:17
3
ответа
Размер фона / положение - покрыть шириной и минимальным смещением от вершины
У меня есть контейнер с фоновым изображением. Я хотел бы это: заполнить ширину контейнера все время если высота контейнера становится больше, изображение должно прилипать к дну и увеличивать зазор в верхней части если высота контейнера короче, чем и…
30 апр '18 в 16:03
1
ответ
Размер фона не работает css
Итак, у меня небольшая проблема. Я потратил около 3 часов на поиски ответа на этом сайте. У меня есть файл CSS, и я пытаюсь поместить изображение SVG в фоновом режиме, но background-size: 75px 75px; не работает Я пытался использовать оба из них, но …
10 дек '15 в 23:18
1
ответ
background-size:100% на мобильных устройствах
Я пытаюсь сделать фиксированный div с изображением, установленным как background-image, Я установил background-size в 100% поэтому он не повторяется и не слишком мал для больших разрешений экрана или при уменьшении. Проблема в том, что на мобильных …
19 июл '14 в 08:53
4
ответа
Анимация фона размером с ширину или высоту
Как мне использовать JQuery's animate() на размер фона div, если я должен был изменить ширину или высоту, но не оба. Например, если я хочу изменить ширину, будет ли что-то вроде следующей работы? $("#buttonPic").animate({ backgroundSizeW: "-=20px", …
18 янв '16 в 07:34
3
ответа
CSS background-size свойство
Я хочу добавить полноразмерный фон на мой сайт, желательно только с использованием свойств CSS background а также background-size, В настоящее время я использую следующее .bg { background: url("./gfxGeneral/backgroundImage.jpg"); background-size: co…
30 окт '14 в 16:34
0
ответов
jquery animate background-size: ширина и высота
Использование - jQuery v3.3.1 Я много искал решение для моей маленькой проблемы, но не нашел. Так что здесь я (впервые на SO) надеюсь, что кто-то может дать конкретное решение или какое-то объяснение, почему не работает. Мне нужно анимировать высоту…
12 дек '18 в 19:58
2
ответа
Фоновая обложка не поддерживает соотношение сторон, Android-хром
На настольных компьютерах iPad изображение на заднем плане сохраняет свое соотношение сторон, когда элемент имеет background-size: cover, но на моем телефоне Android (хром) изображение выглядит как width:100%;height:100%, Вы можете увидеть это в дей…
14 дек '14 в 21:00
1
ответ
Chrome - background-size: cover; галерея на основе вызывает проблемы с производительностью
Я создаю приложение, используя Vue 2. Есть страница, которая содержит простую галерею изображений, которая содержит около 20 изображений и одно большое изображение фона страницы. Фоновое изображение самой страницы на самом деле содержится в фиксиров…
06 дек '18 в 10:07
1
ответ
Как анимировать background-position используя проценты, когда background-size равен 100%?
Возьмите следующий пример: html { height: 100%; } body { display: flex; justify-content: center; align-items: center; background-color: black; height: 100%; margin: 0; } #main { background: #222222; position: relative; flex: 640px 0 0; height: 360px…
02 мар '19 в 10:39
3
ответа
background-size: не показывать всю картинку
Мне интересно, почему содержат такие работы. Это мой HTML-код. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Zero to Mastery | Landing Page</title> <link rel="stylesheet" type="text/css"…
24 май '18 в 19:50