CSS - Страница 71

У меня очень простая задача — применить фоновое изображение к DIV. Я могу просмотреть изображение в любом другом браузере, кроме Safari. Может ли кто-нибудь взглянуть на мой CSS и сайт и сказать мне, что я делаю неправильно.

CSS:

#intro2services...

Я использую GSAP с SplitType и настраиваемый переключатель языка (en.json, es.json) для динамического перевода моего веб-сайта.
Все переводится правильно, за исключением раздела .scroll-fade-text, который использует SplitType для пословной анимации,...

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

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

Удалив первое объявление SVG и используя , SVG...

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

введите описание изображения здесь
Вот как оно должно выглядеть и прекрасно работать в моем браузере, но мне пришлось начинать заново и пересобирать его с нуля для Android Webview, так как ему не нравится большая часть моего кода. У меня есть...

В моем приложении есть форма, в которой я использую следующий код из Primafaces:

...other inputs...

Tags
= values
name= workshopTags
id= workshopTags
>

Я могу правильно отобразить элемент Chip, но мне хотелось бы задать его стиль,...

У меня есть следующее определение CSS для создания кнопки, похожей на стрелку вправо:

.btn-arrow-right {
background: none;
border: 0;
font-size: 22px;
line-height: 2em;
position: relative;
width: 8em;
height: 2em;
}

.btn-arrow-right a {
color:...

Я использую начальную загрузку для предварительного просмотра мобильного устройства следующим образом:

В Chrome это прекрасно работает. Но не на грани :(

Мой HTML/CSS-код выглядит следующим образом:

.frame {
border-radius: 15px;...

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

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

Это просто отображает черный фон без изменения его непрозрачности, поэтому...

Редактировать в 2020 году (функции min, max, Clamp) Всем, кто попал сюда через поисковые системы:
Функции min/max/clamp CSS получили некоторую поддержку в последних браузерах (2020 г.). Вы можете попробовать максимальную ширину: min(200px, 50%);. Вы...

У меня есть длинный вариант, который нужно правильно отображать вместе со всем полем выбора. Если вы установите ширину 100% и выберете первый вариант, текст будет обрезан. Когда для ширины установлено значение auto, полосы прокрутки нет, и это...

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

Заранее спасибо за помощь. Хоть убей, я не могу выполнить конкретную анимацию прокрутки, использующую gsap и lenis.
Я собрал код в меру своих возможностей:

import { gsap } from '
import { ScrollTrigger } from '
import { Lenis } from '...

Я добавил полифил Oddbird Css Anchor Positioning Polyfill Oddbird Css Anchor Positioning Polyfill для использования в Firefox, и он, кажется, работает хорошо.

//index.js
import polyfill from @oddbird/css-anchor-positioning/fn ;...

Заранее спасибо за помощь. Хоть убей, я не могу выполнить конкретную анимацию прокрутки, использующую gsap и lenis.
Я собрал код в меру своих возможностей:

import { gsap } from '
import { ScrollTrigger } from '
import { Lenis } from '...

Я пытался добиться эффекта размытия в липком меню и подменю моего сайта. Я использую редактор WordPress Pagelayer.
Сначала я спросил ChatGPT и получил вот ответ:
#menurow {
background-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);...

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

введите...

РЕДАКТИРОВАНИЕ: РЕШЕНО
Проблема была вызвана фоновым прикреплением: исправлено, которое плохо поддерживается и вызывает сбои рендеринга в мобильных браузерах (например, «красное пространство» или скачок фона).
Решение: я заменил фон в теле...

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

Можно ли создать «CSS3 Transform Skew One Side»

Я нашел одно решение, но оно мне бесполезно, поскольку мне нужно использовать изображение в качестве фона (а не цвет)

#skewOneSide {
border-bottom: 40px solid #FF0000;
border-left: 50px solid...

Я создал одну веб-страницу с использованием HTML/CSS.
Дизайн веб-страницы для формата таблицы и ячейки таблицы с 20 изображениями. Общий размер изображения составляет 4 МБ.
Я использовал Ctrl+P, чтобы сохранить PDF-файл. Размер PDF-файла стал 12...

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

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