CSS - Страница 108

На сенсорных экранах при нажатии происходит задержка около 300 миллисекунд, пока к кнопке не будет применен стиль :active. Это приводит к зависанию реакции.
В приведенной ниже демонстрации я добавил код JavaScript для измерения задержки, но проблема...

body {
margin: 0;
position: relative;
}

.container {
background-color: red;
width: 750px;
height: 750px;
position: absolute;
top: 50%;
left: 50%;
}

.text {
font-family: 'Roboto';
color: white;
margin: 0;
}

I am just a mere text in here...

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

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

Я пытаюсь создать тепловую карту. Когда пользователь нажимает где-нибудь на моем веб-сайте, я отслеживаю координаты x/y и сохраняю их в базе данных. В своей панели я загружаю веб-сайт внутри iframe и отображаю эти координаты в виде наложения...

У меня есть HTML-элемент div, который, помимо прочего, содержит фотографию. Пользователь может перемещать этот div с помощью щелчка и перетаскивания. При нажатии на элемент div (:active), после небольшой задержки, он немного увеличивается, а затем,...

Мне нужна помощь в этом вопросе. У меня возникли проблемы с некорректной работой модального окна в IE8. Может ли кто-нибудь мне помочь или сказать, как создать модальное окно, работающее в IE8. Я готов принять любые предложения и т. д.
Вот мой код:...

На моем сайте есть видео в качестве фона (элемент видео HTML5), и каким-то образом оно отображается посередине страницы (в отличие от растягивания всей страницы). При проверке видеоэлемент имеет:

element.style {width: 1349px; margin-top: -344px;...

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

Я создаю веб-сайт, используя django, CSS, HTML.
Я разместил некоторые части из HTML-файла, с которым сейчас работаю. Я новичок в CSS/HTML. Итак, у меня возникли проблемы с позиционированием ссылок, которые вы можете увидеть ниже, с использованием...

Хорошо, я изучаю HTML и CSS и сегодня днем ​​столкнулся с небольшой проблемой.
Я так старался исправить этот код более 3 часов, но он по-прежнему выдает тот же результат. Итак, после последнего закрывающего тега div в HTML-документе я попытался...

Я хочу изменить порядок элементов div, но он не работает, и класс навигации не отображается в медиа-запросе после проверки. Надеюсь на помощь экспертов.
CSS:
@media screen and (max-width:810px) and (min-width:413px) {
.nav:nth-child(2) {
order: 2;...

Я ни в коем случае не веб-разработчик, я больше занимаюсь инфраструктурой. В любом случае, я построил сервер FreeBSD со стеком AMP на XServe G4 и хотел украсить общую целевую страницу, на которой было написано только «Это работает!» на простом белом...

Мне действительно нужна помощь с этим. Я хотел бы заменить полосу прокрутки по умолчанию в своем iframe на «идеальную полосу прокрутки».
Я загрузил идеальную полосу прокрутки. Я также включил необходимые файлы в свой html-документ. Согласно...

Я создаю веб-приложение, в котором серверная часть построена на Node.js (Express), а внешний интерфейс представляет собой стандартный веб-интерфейс с использованием HTML/CSS/JavaScript. Я хочу отобразить диаграмму во внешнем интерфейсе (используя...

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

У меня есть HTML-элемент div, который, помимо прочего, содержит фотографию. Пользователь может перемещать этот div с помощью щелчка и перетаскивания. При нажатии на элемент div (:active), после небольшой задержки, он немного увеличивается, а затем,...

Я хочу убрать фокус после нажатия кнопки . Для этого я использую:

Click here

Это безупречно работает на ноутбуке и ПК, но не работает на мобильных устройствах. Есть ли кто-нибудь, кто знает, как убрать фокус на мобильном телефоне?

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

JavaScript
const projectsSwiper = new Swiper( .projects__swiper-start , {
speed: 1000,

slidesPerView: 3,

navigation: {
nextEl: .projects__swiper-next ,
prevEl: .projects__swiper-prev ,
},
watchOverFlow: true,
simulateTouch: true,

spaceBetween:...

У меня много файлов CSS и JavaScript. В настоящее время я поддерживаю управление версиями, используя что-то вроде этого:

modal.js?v=1.0.0
form.js?v=1.0.0
table.js?v=1.0.0
style.css?v=1.0.0

Эти файлы загружаются в несколько файлов HTML. Когда...

У меня это выглядит так.

Как мне сделать так, чтобы контент имел отступы без необходимости писать собственный CSS и использовать свойство className? Мой ящик выглядит примерно так:

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

У меня много файлов CSS и JavaScript. В настоящее время я поддерживаю управление версиями, используя что-то вроде этого:

modal.js?v=1.0.0
form.js?v=1.0.0
table.js?v=1.0.0
style.css?v=1.0.0

Эти файлы загружаются в несколько файлов HTML. Когда...

Я использую старый список с селекторами href и css. Я могу стилизовать старый список без ссылок href, и он работает нормально, см. кодировку этой ссылки.
Теперь, если я вставляю ссылки href, стиль не применяется, см. ссылку кода, например
Я хотел бы...

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

let template = document.querySelector('.quote-template').innerHTML;
let shadowElement = document.querySelector('.quote-app');
let shadow = shadowElement.attachShadow({
mode: 'open'
});

shadow.innerHTML = `

.quote {...

Скажем, да

Я хочу выбрать внешний div
.outer-div:has(> .inner-div:has(+ inner-div)) {...}

не работает.

могу ли я в любом случае вложить такие относительные селекторы?
как лучше всего выбрать родительский элемент с двумя конкретными...