CSS - Страница 563

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

Это пример того, чего я пытаюсь достичь:

Я пытаюсь найти для этого хорошее решение, где его можно...

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

Обычно для достижения этого не требуется...

Мне нужно разработать следующий div:

Код, который я написал для этого:
className='
flex justify-center items-center rounded- max-w-16 max-h-16 min-w-16 min-h-16 bg-gray-700 shadow-card-a'
>

Это было вдохновлено комментарием exmaxx здесь: Как...

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

.ui-datepicker {
z-index: 9999 !important;
}
.table{
z-index: -1000...

Я столкнулся с проблемой при использовании abcpdf9 для создания PDF-файла из HTML-страницы. В частности, не все заголовки h5 отображаются с начертанием шрифта: жирный, хотя жирный шрифт правильно установлен в коде HTML и CSS. Та же HTML-страница...

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

border:solid 0px black;

но это не помогло.

Мой текущий...

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

Я пытаюсь создать форму входа с двумя полями ввода со вставками, но в конечном итоге они выходят за пределы родительских границ. Что является причиной этого?
Фрагмент JSFiddle:

#mainContainer {
line-height: 20px;
font-family: Helvetica Neue...

Как написать эквивалент этого стилизованного компонента в Tailwind?
// Item is a div
const Clone = styled(Item)`
~ div {
transform: none !important;
}
`;

Это взято из codeandbox. При перетаскивании из правого столбца он не выглядит так, как будто...

Как есть нет опции для значков Facebook, LinkedIn и других социальных сетей.
Я хочу использовать параметр URL и настроить его с помощью ccs и скрипта для вставки значков социальных сетей в формате svg.
Код приведен ниже

FAQ

Подробнее...

Я пытаюсь переопределить максимальную ширину компонента панели закусок по умолчанию в Angular Material.
CSS, примененный Angular Material, показан ниже:
.mat-snack-bar-container {
border-radius: 2px;
box-sizing: border-box;
display: block;
margin:...

Привет всем, я пытаюсь воспроизвести звук при открытии или запуске страницы. Я использовал window.onload, но звук все еще не воспроизводится, хотя он воспроизводится при размытии и фокусе.
Я пробовал окно. onload для воспроизведения звука после...

Я создаю страницу вопросов и ответов в виде гармошки для недавнего проекта. Ответ на вопрос открывается при нажатии на вопрос. Мой подход заключается в том, чтобы скрыть ответ с помощью max-height = 0 и overflow = Hidden. Когда вопрос нажимается, он...

Использовал аккуратный маленький

@media экран и (-webkit-min-device-pixel-ratio:0) { }

селектор до сих пор работал безупречно. Но через несколько месяцев FireFox также может обрабатывать этот код, как и, по-видимому, Microsoft Edge.

Итак,...

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

Cross-Origin Request...

Ниже приведена фотография iMessage, извините, она немного великовата. На изображении вы увидите, что разные многострочные сообщения имеют разную ширину. Фактически, каждый из них оптимизирован для минимальной ширины без создания новой строки....

Я работаю над проектом .NET 9 Blazor с помощью QuickGrid. Клиент хочет, чтобы сетка выглядела более похожей на Excel.
Необработанный QuickGrid пытается уместить все данные на экране и добавляет горизонтальные полосы прокрутки для просмотра...

Моя таблица состоит из 3 ячеек: первые две содержат входные данные, а третья — мой контент. Каждая ячейка имеет ширину 33,333%. Когда я ввожу текст во входные данные и он переполняется, все работает нормально — текст просто скрыт, как и ожидалось...

У меня есть таблица со значком Font Awesome , и я хочу выровнять значки текста по левому краю и по центру.
Я пробовал центрировать , но не получилось :

HTML:

CSS:

td, th {
text-align: left;
}
td i {
text-align:center;
}

jsFiddle

Я...

Мне нужно разработать следующий div:

Код, который я написал для этого:
className='
flex justify-center items-center rounded- max-w-16 max-h-16 min-w-16 min-h-16 bg-gray-700 shadow-card-a'
>

Это было вдохновлено комментарием exmaxx здесь: Как...

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

border:solid 0px black;

но это не помогло.

Мой текущий...

Логотип перекрывает изображения, и изображения имеют такие края. В фигме как обычно это делается простой маской, но css тоже этого не умеет)
В моей реализации есть идея нарисовать svg каплю и поместить ее на фон div, в котором находится логотип. Но,...

Как видите, элементы списка в первой строке имеют одинаковую высоту. Но элементы во второй строке имеют разную высоту. Я хочу, чтобы все элементы имели одинаковую высоту.

Есть ли способ добиться этого, не задавая fixed-height и только используя...

У меня есть код CSS и файл html, экспортированный из моих шаблонов дизайна Figma. Я не знаю, хочу ли я объединить эти CSS и HTML, чтобы разместить их на своем веб-сайте Django. Я не тот, кто знает что-нибудь о CSS плюс немного HTML, я изучаю Python....

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