CSS - Страница 545

Я пытаюсь создать кнопку, похожую на кнопку, показанную на изображении.
Внутри кнопки есть два цвета (например, цвет фона). 1 — прозрачный, а другой цвет — светло-оранжевый.
Светло-оранжевый цвет имеет только верхний правый радиус границы.
Для...

У меня есть элемент, прикрепленный к верхней оси x, y. Есть ли способ изменить его, чтобы он фиксировался только по оси X? Например. - чтобы я мог прокручивать фиксированный элемент влево и вправо.

Текущий код:

The fixed header element

the...

Я написал код HTML и CSS, и каждый раз, когда я запускаю его через работающий сервер, к нему добавляется div с id=shadowLL, и в этом div есть еще один div с надписью #shadow-root (open).
Когда я открываю тот же файл в проводнике, этот div не...

У меня проблема с задержкой анимации в CSS Animation. У меня есть 3 изображения, и я хочу сделать из них слайд-шоу. На иллюстрациях: изменение изображения 1 на изображение 2 занимает 15 секунд, изменение изображения 2 на изображение 3 занимает 15...

Согласно официальному руководству, добавление «md-48» в класс предполагает изменение размера шрифта до 48 пикселей, но здесь это не работает. Я что-то упускаю?
Я также пытался с помощью CSS установить размер шрифта .material-icons равным 48...

Панель навигации тоже находится ниже, а изображение остается на месте.
Можно ли как-нибудь исправить это без JavaScript? Я могу использовать только
css и html
Кроме того, z-index, похоже, не работает?
Для большего контекста это не так это не...

Я хотел бы раскрасить слово в предложении, которое отображается в формате ин-кварто в HTML. В R Markdown я бы просто добавил тег CSS, но не понимаю, как это сделать в Quarto. В документации Quarto говорится, что можно писать встроенный CSS, но...

Я использую презентации Quarto в формате showjs.
У меня нет проблем с настройкой изображений по центру по горизонтали, вот так
{fig-align= center height= 200 }

Я пытаюсь выровнять фигуру вертикально по центру, но не могу...

Мне нужна помощь, как отключить прокрутку, когда открыт лайтбокс vue easy. ничего из того, что я пробовал, не работает.
переполнение: скрытое не работает
я пробовал добавить :scrollDisabled= true . все равно не повезло.
Я спросил в чате, он...

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

Следующий файл работает в Firefox так, как задумано: изображение соответствует доступному пространству экрана без полос прокрутки

Test

* {
box-sizing: border-box;
margin: 0;
}

body {
height: 100vh;
display: grid;
grid-template-rows: auto 1fr...

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

У меня возникли проблемы с системой макетирования BootStrap при печати страницы.

Предположим, есть кнопка

Drukuj

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

У меня есть таблица стилей, которая отлично работает в IE, удаляя верхние и нижние колонтитулы и отображая мой контент в более удобном для печати виде. однако при печати в Chrome это не работает. Если я эмулирую запрос на печать в инструментах...

Следующий файл работает в Firefox так, как задумано: изображение соответствует доступному пространству экрана без полос прокрутки

Test

* {
box-sizing: border-box;
margin: 0;
}

body {
height: 100vh;
display: grid;
grid-template-rows: auto 1fr...

Как реализовать решение, которое позволит пользователям перемещаться по слайдам с помощью мыши на настольных устройствах и с помощью сенсорных жестов (проведение пальцем) на мобильных устройствах, не полагаясь на сторонние библиотеки? Мне нужно,...

У меня возникли проблемы с системой макетирования BootStrap при печати страницы.

Предположим, есть кнопка

Drukuj

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

Следующий файл работает в Firefox так, как задумано: изображение соответствует доступному пространству экрана без полос прокрутки

Test

* {
box-sizing: border-box;
margin: 0;
}

body {
height: 100vh;
display: grid;
grid-template-rows: auto 1fr...

При использовании Bootstrap v5 и FontAwesome v5 мне не удается отобразить глазное яблоко в правой части формы. Вместо этого оно сдвигает поле пароля дальше вправо, чем поле имени пользователя, и глаз не отображается.

Javascript
const...

Я использую TailwindCSS для проекта, и мне нужно использовать Select2 (с laravel).
Проблема в том, что форматирование CSS (и механика раскрывающегося списка js) не применимы. к флажку Select2 Multiple.
У меня есть необходимое

ссылки в моем...

Я пытаюсь изменить фоновую анимацию элемента div с помощью CSS-анимации, однако мне не удается сделать переход плавным.

Есть идеи, как это сделать сделать это? Вот мой код.

.cover {
height: 200px;
width: 200px;
background-image: url('...

я пытаюсь использовать preline ui offcanvas, при копировании кода, приведенного на их веб-сайте, он работает как положено, но поскольку я также использую загрузочную загрузку, мне нужно использовать префикс, чтобы избежать конфликтов

Toggle right...

Я пытаюсь создать кнопку, похожую на кнопку, показанную на изображении.
Внутри кнопки есть два цвета (например, цвет фона). 1 — прозрачный, а другой цвет — светло-оранжевый.
Светло-оранжевый цвет имеет только верхний правый радиус границы.
Для...

Возникла проблема: CSS не применяется после сборки проекта. Локально CSS отображается правильно, используя npm run start. Сборка и обслуживание локально с помощью npm run build и npmserve build или просмотр на Netlify после развертывания из Github...

Мне нужно выровнять элемент по краю его «прародителя».
Вот пример кода:

Итак, элементы .parent будут располагаться внутри строки, что будет зависеть от ширины элемента #grandparent. Мне нужно, чтобы каждый элемент .child...