CSS - Страница 742

Я использую Next JS 14 и Tailwind CSS
Если я использую fill, это код:
use client ;
import React from react ;
import { motion } from framer-motion ;
import Image from next/image ;

const Photo = () => {
return (

);
};

export default Photo;...

Я ищу кросс-браузерный селектор CSS, чтобы предотвратить прокрутку тела при открытии модального окна.
В настоящее время я использую псевдо- CSS :has класс с селектором:
body:has(dialog.active) {
/* prevent scroll stuff*/
}

РЕДАКТИРОВАТЬ: теперь...

У меня есть две переменные sass, которые я использую для установки разных наборов значений полей следующим образом:

$variable-big: 2.5rem 1rem 1.8rem 1.2rem;

$variable-small: 1.1rem 0.7rem 0.7rem 0.1rem;

Я новичок в дизайне, поэтому,...

Я пытаюсь отобразить таблицу с 4 столбцами, один из которых является изображением.
Ниже приведен снимок: -
sstatic.net/Rm1CC.jpg

Я хочу выровнять текст по центру по вертикали, но почему-то CSS не работает.
Я использовал таблицы, реагирующие на...

У меня странная проблема с Firefox: он прокручивает страницу вниз, если контент, находящийся за пределами области просмотра, меняет высоту. в Chrome работает без проблем. Я записал проблему здесь
Существует код, который отключает (немедленно...

снимок ошибки
я проверил все, все файлы и пути к файлам, все правильно. Он продолжает показывать ту же ошибку относительно пути к файлу, хотя все правильно и в порядке.
GET net ::ERR_ABORTED 404 (не найдено) Поймите эту ошибку...

Я создаю простой веб-сайт с двумя разделами на странице. Слева у меня будут ссылки, а справа — прокручиваемый контент. При нажатии на ссылку содержимое справа будет плавно прокручиваться до конкретного содержимого, связанного со ссылкой.
Ниже...

Я хочу иметь макет липких карточек с использованием сетки. Вот чего мне удалось добиться:

1
2
3
4
5

:root {
--card-top-offset: 3rem;
--card-h: 36rem;
}

.cards {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap:...

Я хочу сделать что-то вроде бесконечной карусели с «движущимся кругом». Это работает, но я хочу, чтобы круги двигались быстрее, когда я навожу курсор на левое поле. Это тоже работает, но у него странное поведение: похоже, есть еще одна линия кругов,...

Можно ли добиться растягивающего поведения display: flex, когда min-content не будет заполнять страницу, но при этом будет иметь хорошее поведение при прокрутке, если min-content больше, чем размер страницы?
По сути, если второй фрагмент кода...

У меня есть таблица с цветным фоном, и мне нужно указать отступы между таблицей и ее содержимым, т.е. ячейки.

Тег таблицы, похоже, не принимает значение заполнения.

Firebug показывает таблицу и макет тела с заполнением 0, но не принимает никаких...

Мы хотим выровнять элементы внутри , чтобы они выглядели более привлекательно на нашем веб-сайте. В настоящее время элементы не центрируются в одной строке, когда мы переключаемся на мобильное устройство и заходим в Меню->Услуги.
Вот ссылка - /en...

Например, у меня есть элемент div размером 200 пикселей, содержащий три кнопки, текст минимальный, поэтому кнопки не заполняют доступное горизонтальное пространство. Можно ли...

Сделать так, чтобы последняя кнопка растянулась и заняла все...

Как обычно отлаживать CSS и решать проблемы, когда некоторые элементы на странице отображаются не так, как должны? А пока мне приходится мучительно комментировать объявления CSS одно за другим, чтобы понять, как отображаются стили.

Подробнее здесь:

Пожалуйста, прочитайте пост полностью и проверьте изображения. Я изо всех сил старался объяснить все и все, чего мне удалось достичь на данный момент.
Я пытаюсь создать особый дизайн для элемента div. Мне нужна граница с линейным цветом градиента и...

Мы используем некоторый код, который внедряет CSS непосредственно в документ, который изменяет свойство фона для некоторых элементов с помощью селектора ::selection.
Мы не можем изменить этот код, но для некоторых элементов мы хотим вернуть их...

Я работаю над проектом, в котором мне нужно разбить 10-K на составляющие абзацы. Для некоторых 10-К я могу сделать что-то простое, например суп.find_all('p'), но я также вижу другие 10-К, которые используют для всего вместо
теги. Я вижу три разных...

Я пытаюсь создать дистрибутив, использующий современный JS для пользовательского интерфейса, чтобы я мог разработать свою собственную ОС.
Я нашел достаточное количество модулей, которые управляют окнами, но родного я не нашел. Я ожидаю что-то вроде...

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

Я пытаюсь создать компонент React, который отображает обведенный текст с прогрессивным цветом заливки на основе свойства, работающего с любым шрифтом.
Из-за ошибки с -webkit -text-stroke с определенным типом шрифтов (см. это), я выбрал решение,...

Я реализовал функцию нумерации страниц в таблице на своей HTML-странице. На каждой странице должно отображаться три строки, а всего в моей таблице восемь строк. Кроме того, у меня есть кнопка, которая удаляет строки с помощью класса «remove_tr». При...

Я не могу заставить мигать подсветку линии (рамку) при применении этого кода градиента:
border-image: Linear-gradient(45deg, red, Orange, Indigo, фиолетовый) 1;
Если я не включу эту строку, анимация мигания будет работать, но мне бы хотелось, чтобы...

У меня следующий стиль:

.ag-theme-fresh .ag-row-selected {
background-color: #bde2e5;
}`

Он взят из файла стиля CSS темы. Но я хочу перезаписать его этим стилем:

.ag-theme-fresh .ag-row-even .ag-row-selected {
background-color: #1428df;
}...

Я пытаюсь объединить изображение с текстом для заголовка, но размер изображения при этом не изменяется. Хотя изображение кажется слишком большим и не изменяется по размеру при изменении размера окна браузера.
HTML-код:

Название компании

Название...

Я создаю приложение Electron на Angular и обновляю пару зависимостей до последних версий.

✅ Electron остается на версии 19
✅ Tailwindcss v3.1.8
⬆️ Angular от v11 до v14 ⬆️ Webpack v4.46.0 до v5.74.0

ℹ️ Весь проект ранее успешно...