CSS - Страница 22

У меня есть 2 элемента div, один из них скрыт с помощью display:none;. Оба имеют одинаковый CSS-переход в правом свойстве.

Если я изменю право свойства через JQuery и покажу скрытый элемент div, либо с помощью $.css('display','none'), либо...

Есть ли простой способ CSS сделать границу элемента полупрозрачной с помощью чего-то вроде этого?

border-opacity: 0.7;

Если нет, есть ли у кого-нибудь идеи, как это можно сделать без использования изображений?

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

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

Я создал таблицу, которая будет служить рамкой для размещения моего веб-сайта, но когда я установил ее ширину на 100 % и поместил на нее фон, у меня появился край с правой стороны, который не заполняется.

Проверьте мой веб-сайт, связанный с моим...

function ToggleList(IDS) {
var CState = document.getElementById(IDS);
if (CState.style.display != block ) { CState.style.display = block ; }
else { CState.style.display = none ; }
}

.divInfo
{
display: none;
}

Text
Show More

Additional Test...

У меня есть контейнер с максимальной шириной и два элемента рядом с использованием flexbox:

текстовый блок

изображение

Оба элемента технически имеют ту же высоту, что и flex-элементы, но изображение сохраняет внутри себя пустое пространство,...

Проблема
Я работаю над фильтром uBlock Origin (т. е. селектором CSS) для веб-страницы, содержащей элементы .post, разделенные тегами . Например:

Я хочу создать фильтр, чтобы скрыть все сообщения, в которых data-source= sponsored , и...

Я вижу много повторяющихся предупреждений об устаревании @import в консоли браузера в приложении Next.js (React) , использующем последнюю версию Sass.
Пример импорта:
@import ../../settings ;

Этот шаблон существует в нескольких файлах SCSS,...

У меня есть элемент HTML с атрибутом, который содержит значения, разделенные дефисом:

Я хочу написать селектор CSS, который соответствует, когда определенное значение (IE: 15) появляется в любом месте списка. По сути, я ищу оператор ~=, только...

Шаблон PHP:

class= el
data-spacetop=
data-spaceleft=
data-spacetopmobile=
data-spaceleftmobile= >

HTML:

CSS:

.el {
padding-top: attr(data-spacetop) px;
padding-left: attr(data-spaceleft) px;
}

@media screen and (max-width:600px)...

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

У меня есть слайдер, который должен иметь возможность смешивать контент на слайдах, чтобы слайды были только по ширине этого контента. Я просмотрел слайдыPerView: 'auto'; и он почти работает, но в некоторых случаях слайд занимает слишком много места...

как мне сделать так, чтобы размытие игнорировало границы?

я хочу, чтобы граница была видна; я не против размытия черного фона

table {
border-collapse: collapse;
}
th,td{
padding: 4px;
border: 1px solid black;
}
th{
backdrop-filter:...

Я создаю раздел Hero для веб-сайта, который создаю, и в качестве фона которого используются изображения с соотношением сторон 16:9. При окончательном производстве у меня будет слайд-шоу из 3-4 изображений в качестве фона (вытянутое удаленно),...

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

как мне сделать так, чтобы размытие игнорировало границы?

я хочу, чтобы граница была видна; я не против размытия черного фона

table {
border-collapse: collapse;
}
th,td{
padding: 4px;
border: 1px solid black;
}
th{
backdrop-filter:...

Я пытаюсь анимировать открытие элемента с помощью Tailwind CSS. Документация предполагает, что это правильный способ добавления постепенного появления, но кажется, что селектор не должен присутствовать, когда диалоговое окно не открыто, поэтому он...

Я впервые создаю веб-сайт с использованием CSS-сетки. Поскольку не все браузеры поддерживают это, я создал набор резервных стилей и условно применяю те, у которых @supports not (display:grid). Но я также хочу использовать это в качестве таблицы...

У меня есть страница с несколькими кнопками, некоторые из которых отображаются с непрозрачностью менее 1. На этой странице также есть прикрепленный элемент div.
При прокрутке страницы кнопки с непрозрачностью 1 корректно скрываются липким элементом...

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

Я пытаюсь добавить базовый CSS в проект Spring Boot, мой файл style.css находится в правильном каталоге, но он по-прежнему не отображается на моей веб-странице.

Ранее я пытался связать его следующим образом:

Но это тоже не работает. Что я мог...

У меня есть контейнер с максимальной шириной и два элемента рядом с использованием flexbox:

текстовый блок

изображение

Оба элемента технически имеют ту же высоту, что и flex-элементы, но изображение сохраняет внутри себя пустое пространство,...

Я создаю границу с градиентом в 1 пиксель , используя псевдоэлемент и маску CSS.

Изначально толщина границы была неодинаковая со всех сторон из-за субпиксельного рендеринга.
После применения преобразования графического процессора ( transform:...

У меня есть контейнер с максимальной шириной и два элемента рядом с использованием flexbox:

текстовый блок

изображение

Оба элемента технически имеют ту же высоту, что и flex-элементы, но изображение сохраняет внутри себя пустое пространство,...

TailwindCSS недавно выпустил крупное обновление до версии 4. Одним из основных изменений является то, что он больше не использует файл Tailwind.config.js, а вместо этого вся конфигурация управляется с помощью одного файла CSS: Руководство по...