CSS - Страница 739

App.js:
import React from react ;
import primereact/resources/themes/saga-blue/theme.css ;
import { PrimeReactProvider } from primereact/api ;
import ./App.css ;
import { BrowserRouter as Router, Route, Routes } from react-router-dom ;
import Login...

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

Elsa...

Настройка желаемого макета
Я пытаюсь создать «макет с рамкой» с центрированной оберткой страницы и закругленными углами и прикрепленный заголовок с использованием только современного CSS .

Однако я столкнулся с потенциальными проблемами с...

My Dynamic Website

{% for i in range(5) %}

{{i}}

{% endfor %}

CSS не работает. Ниже мой CSS-код
.back-container {
width:400px;
height:400px;
background-color: #104fbb;
padding: 20px;
margin: 10px;
border: 1px solid #ce1010;
}

Я даже...

Я работаю над сайтом-макетом ресторана с адаптивным дизайном. Однако у меня есть несколько проблем: 1.) Мои разделы (Закуски, Первые блюда, Десерты) не центрированы в контейнере/веб-странице. 2.) Когда я сворачиваю экран, чтобы применить...

Я пытаюсь установить фокус на поле со списком, которое присутствует внутри отрывного листа, когда отрывной лист открывается. но это не работает.
import { ComboBox } from @carbon/react ;
import { Tearsheet } from @carbon/ibm-products ;

Я...

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

Я пытаюсь понять различия между макетами CSS Box Model, Flexbox и Grid. Хотя я прочитал документацию и учебные пособия, я все еще пытаюсь понять точные различия между ними. В частности, мне нужны разъяснения о том, когда использовать каждый метод...

Итак, я занимаюсь обратным отсчетом для веб-сайта Next.js и использую компонент обратного отсчета daisyUI, но любая цифра количества дней выше 99 не отображается должным образом, как показано ниже:

https:/ /i.sstatic.net/V0Ivuoqt.png
Поэтому...

Я использую scss и внутри моего файла _header.scss, который я использую внутри моего main.scss, следующим образом: @use header ; у меня есть следующий код (я вырезал некоторые неважные части, такие как границы, поля, отступы, размер шрифта и т....

Итак, у меня есть 3 элемента. Один из них — липкий элемент с фоном. На нем есть абсолютный элемент, не имеющий фона. Допустим, это z-индекс 1 и 3. Теперь у меня есть третий элемент, который является абсолютным с z-индексом 2. Как я могу добиться...

Как мы можем сделать наш веб-сайт отзывчивым без использования медиа-запроса и какие будут централизованные методы изменения размера шрифта для разных экранов, а также высоты и ширины??
/* extra small */
@media screen and (max-width: 600px) {
html...

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

Как вы можете помочь, как сделать эту анимацию карты прокрутки, как здесь:
Я пытался сделать он использует useScrollframer-motion, но я не знаю, как заставить карту вращаться, как в ссылке:
I был бы признателен, если бы вы мне помогли.

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

В моем приложении React, использующем response-map-gl, у меня есть слой карты, отображающий данные из GeoJSON. Когда я обновляю GeoJSON новыми данными, карта отображает новые данные правильно. Однако старые данные, которых больше нет в GeoJSON,...

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

My Projects
Here are some of the projects ive done
See my full portfolio:

img1.jpg
card 1 image...

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

При работе на локальном хосте выходные данные соответствуют ожиданиям. Вывод на локальном хосте
Но после обновления стилей в github, а затем последующего развертывания на Vercel для этого URL-адреса: счетчик, веб-страница выглядит так. Результат...

Я пытаюсь реализовать сценарий, в котором один заголовок будет прикреплен, за ним следует прикрепленный подзаголовок, а затем заголовок таблицы.
В этой настройке я хочу, чтобы .first класс становится липким при прокрутке, .второй класс — для...

Я хочу, чтобы сообщение об ошибке имело белый фон только для выбранных элементов (или определенного идентификатора или имени). Я пробовал:
select .error {
background-color: white;
}

Это выбранный HTML:

Select Branch:

Select your Branch
Option A...

Есть ли способ создать стиль списка в HTML с тире (т.е. - или – – или — —), т.е.

abc

Вывод:

- abc

Мне пришло в голову сделать это с помощью чего-то вроде li:before { content: - };, хотя я не знаю минусов этот вариант (и буду очень...

Я пытаюсь реализовать сценарий, в котором один заголовок будет прикреплен, за ним следует прикрепленный подзаголовок, а затем заголовок таблицы.
В этой настройке я хочу, чтобы .first класс становится липким при прокрутке, .второй класс — для...

Учитывая код —

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

Когда я наводил курсор, я хотел сохранить последний наведенный...

В этом коде 38 квадратов. Я пытаюсь переместить 3 строки сверху на 3 квадрата вправо.
Я пробовал разные способы, но это не работает. Как мне переместить эти 3 строки сверху на 3 квадрата вправо, чтобы они были выровнены по центру?
Если вы посмотрите...

controlsAboveOverlay — это свойство в Fabric.js . Это логическое значение, которое, если ему присвоено значение true, отрисовывает элементы управления (границы, углы и т. д.) объекта над наложенным изображением . Наложенное изображение — это...