CSS - Страница 568

У меня возникла проблема: содержимое раскрывающегося меню в Google Chrome выглядит размытым, но в Firefox оно отображается нормально. Эта проблема возникает, когда раскрывающийся список превышает определенную высоту, и я реализовал максимальную...

У меня есть галерея изображений, и все изображения квадратные. Изображения находятся в своих div и большом div с дисплеем, который можно сгибать, чтобы создать родительский элемент для всех div. Я хочу, чтобы изображения заполняли родительский...

в div у меня есть поле статистики/имени пользователя, которое должно быть рядом с изображением, но изображение должно быть немного дальше, чтобы придать ему хороший эффект. Проблема в том, что я использовал относительное положение, и я думаю это все...

Мне нужно установить ширину div на 110 %, но с помощью Tailwind CSS это невозможно.
В их документации указано только 100 % значение.

Класс
Свойства

w-полная
ширина : 100%;

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

Здесь очень запуталось, пожалуйста, помогите. Я пытаюсь повторить дизайн Figma. Это экран дизайна:

Вот стили, примененные к этой карточке:

Это код, который я пишу в Tailwind и vanilla CSS:

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

Блокировка клавиатуры iPhone Bootstrap 5 Bottom Canvas
Опишите проблему
I Я создаю проект Vue 3 с помощью Bootstrap 5 и реализовал динамический нижний холст (offcanvas), где пользователи могут добавлять контент и взаимодействовать с ним. Однако на...

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

.leftSide > p {
font-size: 170px;
font-family: 'QuickSand';
text-align: end;
color: #2A2A2A;
-webkit-background-clip: text;
background-clip: text;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25), -1px -1px 5px rgba(0, 0, 0, 0.25);
}

A

Итак, у...

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

Я работаю над компонентом React, который обрабатывает анимацию для модального входа в систему. В настоящее время я использую setTimeout в сочетании с useEffect для задержки активации классов анимации при открытии модального окна.
SetTimeout вводит...

Мне интересно, можно ли редактировать свойство background-image в реальном времени с помощью JavaScript. То, что я пытаюсь сделать, имеет концепцию, аналогичную следующему вопросу:
Как изменить цвет фона в зависимости от положения мыши (определенные...

в div у меня есть поле статистики/имени пользователя, которое должно быть рядом с изображением, но изображение должно быть немного дальше, чтобы придать ему хороший эффект. Проблема в том, что я использовал относительное положение, и я думаю это все...

Я создаю веб-сайт и хочу использовать функцию прокрутки. Проблема в том, что при просмотре на мобильных устройствах всегда пропускается один элемент. Это происходит только в Chrome, в Firefox все работает нормально. Есть идеи, как заставить это...

Я пытаюсь реализовать вертикальную карусель с непрерывной прокруткой и двумя столбцами, используя Next.js и React-Fast-Marquee. Однако я столкнулся с двумя проблемами:
Выделение выходит за пределы области просмотра: содержимое с вертикальной...

Я создаю HTML-отчеты для клиентов, использующих R и Quarto для их обработки. Бренд нашей компании имеет несколько специфических шрифтов. Для их указания (и не только) я использую файл .css.
Когда клиент открывает отчет, будут ли включены эти шрифты?...

У меня есть код ниже, который вычисляет ISV и IUC автомобиля.
Он отлично работает на настольных компьютерах и Android. Однако в IOS он не рассчитывает ISV, а только IUC, возвращая следующее:
Всего ISV: NaN€
Всего IUC: 148,22 евро
function...

Я только начал изучать Tailwind CSS, целый день пытаюсь понять, почему space-x-n у меня не работает
Я искал везде в Google, но безуспешно
это мой код:

/src/logo.png

Features
Pricing

secondary nav

это мой app.css
@tailwind base;...

Я знаю, что мы можем добавить утилиту affix ко всем видам обычных панелей навигации в Bootstrap. Однако в моем случае мне нужно добавить аффикс специально к навигационной панели navbar-fixed-bottom.

@import url(

Toggle navigation...

Я создаю HTML-отчеты для клиентов, использующих R и Quarto для их обработки. Бренд нашей компании имеет несколько специфических шрифтов. Для их указания (и не только) я использую файл .css.
Когда клиент открывает отчет, будут ли включены эти шрифты?...

Я хочу, чтобы родительский контейнер сжимался, чтобы соответствовать содержимому его дочерних элементов. Я обнаружил, что это выполнимо либо с помощью inline-block, либо с помощью inline-flex. Я также хочу, чтобы дочерние элементы могли расширяться...

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

Хорошо, это довольно сложный вопрос. Как вы можете заставить что-то прокручиваться, если мышь пользователя не находится в области прокрутки? Отличный пример — компании Apple. В самом начале вы можете прокручивать текст, пока мышь не находится в...

Я пытаюсь динамически загрузить компонент в ViewContainerRef, а конструктор компонента зависит от нескольких служб (например, HttpClient, пользовательской службы и т. д.). Однако я получаю сообщение об ошибке, связанное с отсутствием поставщиков....

У меня есть случай, когда в контейнере flex-box есть несколько гибких элементов. Поскольку ширина контейнера уменьшается, я хочу, чтобы левый элемент не обрезался, а правый элемент продолжал обрезаться до тех пор, пока не будет достаточно места для...

я хочу использовать этот цвет в качестве фона
linear-gradient(355.45deg, #FFFFFF 11.26%, rgba(255, 255, 255, 0) 95.74%)

Я знаю, как изменить цвет фона с помощью CSS. но как использовать этот цвет с помощью CSS попутного ветра.

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