CSS - Страница 719

Я хочу знать .mydiv, как далеко от верхней части тела, и для этой цели я использовал код getBoundingClientRect(), но он не работает, это мой код:
`

Document

Elemet.GetBoundingClientRect();
blah balh balh

var div = document.querySelector(...

Я хочу создать ту же рамку, которая прикреплена под этим сообщением, с помощью единственного CSS. Возможно ли это? Если да, то как это можно сделать?
Мы с моим кодом хотим создать его с помощью .curve::after {}:

Спасибо!

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

Файлы получаются минимизированными, но Google ругает их за вес и советует сжимать их с помощью gzip. Но я не знаю, как использовать gzip в html.
Мне нужна помощь, как правильно сжать эти файлы и использовать их в html с помощью gulp.
Пожалуйста, не...

У меня есть двухуровневое меню навигации, реализованное с помощью псевдокласса :focus-within. На небольших устройствах она должна выглядеть как кнопка «Меню» в нижней части экрана, которая при нажатии раскрывается до первого уровня. Второй уровень...

Слои CSS — интересная вещь, потому что они позволяют обойти каскадирование CSS.
Но я не понимаю, почему унаследованный слой перекрывает .item:hover селектор? Я где-то что-то не так написал?

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

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

Я пытаюсь разместить элемент div внизу страницы в моем проекте документа Sphinx для отображения в нем некоторой информации.
Для этого я сделал следующее: следующее:

.cls_parent_text {
left: 0;
top: 0;
height: 100%;
display: flex;
flex-direction:...

При нажатии кнопки Oracle Apex, когда я нажимаю кнопку несколько раз, индикатор прогресса показывает несколько индикаторов прогресса, как мы можем контролировать его только на одном. При нажатии более одного раза оно умножается на каждый клик....

Я пытаюсь создать галерею продуктов, похожую на галерею продуктов на странице продуктов Gymshark (ссылка), для страницы продуктов моего интернет-магазина. Галерея должна работать следующим образом:
Версия для настольного компьютера:
Миниатюры...

Я создаю веб-сайт с Angular 16 и использую загрузочную версию 5.3.3. Что-то не работает на iPhone 13, но работает на iPhone 8. Например, у меня есть холст внутри столбца начальной загрузки

TOTAL SALES

.ag-charts-canvas {
display: block...

Я разработал собственный компонент таблицы данных реагирования, который динамически отображает в таблице headersData, rowData и footerData.
Когда дело доходит до прокрутки, я пытаюсь выполните следующие 2 пункта:

Горизонтальная прокрутка -
А)...

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

При работе с режимом письма в стиле CSS:vertical-lr; и шрифтом на двух разных языках мой текст выравнивался по левой стороне кандзи в Chrome и по правой стороне в Firefox.
Этот фрагмент кода, с которым я работаю:

結ꦲꦂꦠꦤ꧀ꦠ

Как я могу...

Ниже приведен пример, в котором я пытаюсь отобразить карточку YouTube. Проблема, с которой я столкнулся, заключается в том, что белый фон кнопки воспроизведения не подстраивается под значок воспроизведения, который я настраиваю с помощью стилей CSS....

Очевидно, что четкое разграничение желтого цвета неверно Fadeed
Как сделать так, чтобы оно плавно исчезало при добавлении смещения?
html::before {
content: ;
display: block;
position: sticky;
top: 0;
border-top: 50px solid yellow;
border-image:...

При ссылке на рисунок в документе Quarto и привязке к HTML по умолчанию между словом Рисунок и заголовком рисунка ставится двоеточие. Я бы хотел, чтобы двоеточие было точкой.
Я пробовал использовать файл style.css со следующим кодом, но он не...

Любитель кодирования пытается понять, как: «Создать цифровой архив».
более конкретно:
А.) «когда кто-то наткнется на эту веб-страницу (только HTML/CSS/JavaScript), он увидит список элементов (при наведении указателя мыши на такой элемент масштаб...

Этот хак CSS работал до iOS 15.6, но не работает в iOS 16.
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {}
}

Есть ли какие-нибудь новые хаки для Safari 16?

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

У меня есть пара входов, где второй вход похож на «раскрывающийся список»: он должен появляться только тогда, когда первый вход находится в фокусе, а затем он должен быть фокусируемым и редактируемым до тех пор, пока фокус полностью не переместится...

У меня есть компонент React, который может отображать ту или иную строку.
const MyComponent = (props: {
readonly textA: string;
readonly textB: string;
readonly renderB: boolean;
}) => {
return {props.renderB ? props.textB : props.textA};
};...

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

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

Я ищу, как изменить цвет вкладок в компоненте Flowbite-React, я использую Next.js. Я уже настроил согласно документу здесь
Также я понял, что в нем нет свойства ClassName Компонент Tabs, поэтому я попытался использовать свойство color, но ничего не...

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

.container {
width: 400px;
height: 300px;
border: 3px solid green;
padding: 4px;
display: flex;
flex-direction: column;
}

.img-wrapper {
/* display:...

Надеюсь, вы поможете мне оформить эту кнопку с помощью Tailwind CSS и Next.js.
Ниже вы можете найти изображение кнопки, а также изображения стилей. Кнопка должна иметь этот цвет рамки с линейным градиентом, а также внутреннюю тень.
Заранее спасибо!...