CSS - Страница 770

Я хочу сохранить фоновые URL-адреса в пользовательских свойствах (переменных CSS) и использовать их со свойством фона. Однако мне не удалось найти способ интерполировать строку при использовании ее в качестве параметра в url().

Вот мой пример кода:...

Я создаю PDF-файл с помощью laravel, в частности, я использую библиотеку barryvdh/laravel-dompdf.
Из БД я печатаю с помощью цикла foreach тексты с очень большая длина.
Я хочу, чтобы при достижении конца каждой страницы, независимо от того,...

У меня есть список товаров в корзине, представленный в строках и столбцах Bootstrap. У каждого товара есть входной номер PrimeVue для изменения количества определенного товара в корзине.
Вот песочница с этой проблемой.
Я также размещал приложение на...

Мне сложно выделить границу толщиной в 1 пиксель, которая появляется в правой части моего сайта. Это происходит при разных размерах окон в Chrome и Safari, и я не могу понять, что является причиной этого, и действительно ли это совершенно неизбежно...

Я работаю над этой страницей, где у меня есть специальный JS/jQuery для добавления функции поиска по списку. При необходимости мне нужно иметь возможность «добавить» поле. У меня это работало до того, как я реализовал функцию поиска, но теперь это...

Я работаю над созданием инструмента, в котором я добавил VirtualizedScrollPane в CodeArea.
Проблема: горизонтальная полоса прокрутки не прокручивается до последнего символа в правом конце.
/>Они вне поля зрения.
Но как пользователь я могу...

const bodyElement = document.querySelector( body );

bodyElement.addEventListener( mousemove , (event) => {
const x = event.offsetX;
const y = event.offsetY;
const spanElement = document.createElement( span );
spanElement.style.left = x + px ;...

Рассмотрим следующий пример:

* {
box-sizing: border-box;
}

body {
margin: 0;
font-family: 'Rubik';
font-size: 10pt;
height: 100vh;
width: 100vw;
}

.filler
{
background-color: yellow;
height: 100%
}

.left-column {
float: left;
background-color:...

У меня возникли некоторые проблемы с сеткой CSS (я думаю).
Левая часть моей сетки не соответствует высоте другой стороны. Кажется, что внизу большого изображения всегда есть пробел.
Мне нужно, чтобы вся сетка была одинаковой высоты и с соотношением...

Я реализовал анимацию CSS3, имеющую начальное и конечное состояние. По достижении конечного состояния анимация останавливается и не повторяется. Что мне нужно сделать, так это иметь ссылку «перейти к концу», которая обходит всю анимацию, но...

Я работаю над проектом, в котором мне хотелось бы иметь возможность точно определить, какие свойства стиля анимация в данный момент применяет к элементу, и в идеале — только те изменения, которые вносит анимация (хотя, если в настоящее время...

У меня есть страница (созданная с помощью студии начальной загрузки) с несколькими разделами. Если я тестирую ее на самом разделе, она работает, когда дело доходит до просмотра, но когда я пробую, у меня есть строка с двумя столбцами в этом разделе....

Мне нужно сделать такой макет:
png

Как видите, главное изображение смещено, а фон короче.
Мне удалось сделать это с помощью вложенных CSS-сеток и ' dummy' для добавления фона, но мне было интересно, есть ли более разумные способы, чем...

В своих проектах я использовал некоторые глобальные переменные CSS, такие как --space-unit, --header-height и другие.
И это выглядело так:

--space-unit: 10px;
--header-height: 70px;

@media (max-width: 991px) {
--space-unit: 7px;
--header-height:...

Введите здесь описание изображения
Почему мое фоновое изображение искажается?

Когда я добавляю цвет фона, искажение снова исчезает.
На следующих двух диаграммах показано, как работает фон. деформация цвета исчезает.
введите сюда описание...

Я пытаюсь сделать так, чтобы col-auto имел ширину, равную его содержимому, как описано в разделе «Автоматическое определение размера».
В моем фрагменте кода вы можете видеть, что у меня есть col-auto, который имеет вложенную сетку для своих дочерних...

У меня есть ситуация, когда мне нужно прокрутить элемент в область просмотра. Проблема в том, что я не знаю, какой элемент можно прокручивать. Например, в «Портрете» тело прокручивается, а в «Пейзаже» — это другой элемент (и есть другие ситуации,...

Я создаю чат-бота, используя Python и Streamlit. Я хочу, чтобы в чате сообщения пользователей отображались справа, а сообщения ботов — слева. Для этого я использую CSS с перестановкой строк, но размер текста и размер сообщения чата не меняются так,...

Я использую Material Snack Bar для отображения ошибок сообщений, и у меня возникли проблемы с настройкой цвета кнопки «закрыть» при наведении/активности. По сути, это машинописный код, в котором я использую собственный класс:
error: (e) =>...

Сейчас у меня есть преобразование CSS Matrix3d, которое мне нравится, скажем, например, следующее:
transform: matrix3d(1.3453,0.1357,0.0,0.0003,0.2096,1.3453,0.0,0.0003,0.0,0.0,1.0,0.0,-100.0,-100.0,0.0,1.0);
transform-origin: 0 0;

Я использую...

Мне нужно загрузить Katex CSS для оформления математических уравнений. Я не знаю заранее, каким именно страницам это нужно (это зависит от того, какие пользователи включают математику в свои сообщения), но я знаю, каким маршрутам она может...

Я новичок в PHP и начал работать над небольшим проектом. Я хочу, чтобы мой код был организован, поэтому я решил включить файл container.phtml в свой файл index.php. Поэтому, когда $page = 'login', он будет включать файлы login.css и login.phtml. Я...

Краткая версия: если я использую счетчик столбцов в своем CSS и печатаю страницу в PDF-файл, печатается только первая страница, независимо от того, сколько данных находится на веб-странице. Я использую этот CSS более двух лет, и совсем недавно он...

Я немного осмотрелся и ничего не нашел по этому поводу.
Если у меня есть абзац текста, есть ли способ, возможно, с помощью CSS3, постепенно изменить его? цвет текста при его попадании на страницу? Вместо того, как это делает градиент, потому что он...

Я пытаюсь создать модальное окно (flex Div), которое может увеличиваться или уменьшаться в зависимости от содержимого, теряя радиус границы, когда оно достигает полной высоты экрана (в мобильном представлении).
Я попробовал использовать Calc в...