CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.
В CSS я использую свойство backdrop-filter, чтобы размыть фон липкого заголовка.
Поэтому я использовал backdrop-filer:blur(10px) и установил opacity:50%.
Если вы запустите код, липкий фон заголовка не будет размыт. Можете ли вы сказать мне, почему пример кода не работает?
.sticky{
background-....
4 Фев 2022 в 13:26
Я пытаюсь сделать отзывчивый веб-сайт с переключаемым меню, но это оказывается сложно. Поскольку я новичок в программировании, я включил весь написанный до сих пор код. Это мой заголовок HTML, который также включает в себя другие разделы и элементы div, а также кнопку меню гамбургера:
<!DOCTYPE ....
4 Фев 2022 в 12:57
У меня проблема с этим css. Я хотел бы, чтобы при наведении курсора мыши на элемент цвет текста становился синим, а фон оставался белым. Я также хотел бы, чтобы текст меню был белым. Что происходит, когда я навожу мышь, так как элемент .menu li:hover должен иметь белый фон, даже текст, если я пом....
Я переношу дизайн на веб-страницу, но не могу показать фоновое изображение. Я проверил различные решения в Интернете, и они продолжают говорить мне добавить свойство «фоновое изображение», что я и сделал. Но это не работает. Я вставил код ниже. Прошу прощения, если это очень очевидная ошибка, та....
4 Фев 2022 в 12:38
Так что в основном я хочу, чтобы моя социальная панель была в правой части экрана, но я просто не могу понять, почему она не будет двигаться :(
Пытался возиться с панелью значков и шизом, но я все еще учусь, поэтому я действительно не знаю, что делать.
HTML
.icon-bar {
position: fixed;
top: -100....
Так, например, для HTML у нас есть файл index.html в общей папке, который мы можем ясно видеть. Теперь мой вопрос: как насчет CSS. У меня есть CSS для каждого из моих компонентов реагирующего приложения, но я хочу использовать такие вещи, как переменные и константы, которые работают в приложении. ....
Я хочу/нужно создать панель инструментов, которая показывает четыре разных экрана. До сих пор я пытался решить эту проблему, просто включив «дисплеи» для каждого фрейма:
<style>
iframe {
width: 1920px;
height: 1080px;
display: inline;
vertical-align: top; ....
На моем веб-сайте у меня есть div с некоторым содержимым, которое ссылается на другую часть страницы. Код показан здесь с заполнителями для фактического содержимого. При нажатии на div страница прокручивается, как и предполагалось, но я хочу, чтобы весь div затемнялся при наведении курсора, чтобы ....
Я искал ответ, можем ли мы создать вертикальную линию с кривой, но ничего не нашел, возможно, сообщество может мне помочь в этом.
Мне нравится создавать такую линию
....
Предположим, у меня есть следующий стиль
.element {
color : blue;
}
Теперь в другом месте я хотел бы перезаписать стиль элемента с помощью css var, но если переменная была недоступна, я хочу переключиться на предыдущее значение, не зная, что это было.
.element.overwrite {
color: var(--foo); ....
4 Фев 2022 в 04:48
У меня есть кнопки, которые расположены близко друг к другу, и когда появляется всплывающая подсказка, она блокирует другие кнопки, вот изображение указанной проблемы:
Если я наведу кнопку запроса ниже другой, а затем попытаюсь навести кнопку над ней. В конечном итоге я буду наводить курсор на всп....
4 Фев 2022 в 03:39
<!DOCTYPE html>
<html>
<head>
<title>HTML demo</title>
</head>
<body>
<div style="text-align:left;">
A B C D E F G
</div>
<div style="text-align:center;">
D
</div>
</body>
</html>
Что мне делать, если я хочу, чтобы второй элемент D находился прямо под (по центру) A B C D E F G? По-моему, буква....
Я создаю приложение reactJS, и у меня возникают проблемы с сохранением нижнего колонтитула внизу страницы. Нижний колонтитул изначально остается внизу страницы, но SPDashboard динамически заполняет страницу и становится больше, а нижний колонтитул остается внизу, но перекрывается со страницей. Как....
Почему раздел заголовка находится так далеко, как должен быть, когда я оправдываю содержимое?
Когда я устанавливаю выравнивание содержимого header__container по пространству, заголовок начинает выходить далеко за пределы своего поля. Пожалуйста помоги.
header {
height: calc(100vh - 80px);
}
.h....
Я хочу добиться вышеуказанного дизайна с помощью flexbox, но я не знаю, как это сделать; кто-нибудь знает решение?
Я прикрепил свой HTML и его набросок.
<ul class="blogPosts">
<div class="blogPost1">
<li>
<img src="assets/image-2.jpg" alt="">
<h3>Blog Post 1</h3>
<p>Lorem....
Фрагмент представляет собой серию столбцов, содержащих одну букву. Я хотел бы, чтобы центр глифа был в центре каждого, но, как вы можете видеть, они не совсем по центру — появляются чуть правее. (Подозреваю, что на половину ширины глифа, но не уверен).
Я пробовал justify-content: center, margin: a....
3 Фев 2022 в 23:47
Я знаю, что могу сделать что-то вроде этого:
<ng-container *ngIf="user.age<18;else over">
<div class="some-section" style="background-color: red;">
[...]
</div>
</ng-container>
<ng-template #over>
<div class="some-section" style="background-color: blue;">
[...]
</div>
</ng-template>
....
3 Фев 2022 в 22:27
У меня есть простая html-структура с левым меню и содержимым в правой части, и я хочу, чтобы левое подменю контейнера-2 прикреплялось вверху после прокрутки вниз. Я использую position:sticky и top:0px, но это не работает
Почему это решение не работает, как я могу это исправить?
#big {}
#left {
....
Я запускаю код, в котором я должен создать раскрывающийся список с текстом и значком для каждого выбора. Я использовал этот код, но не получил ответа.
<select>
<option style="background-image:url(btc.png);">btc</option>
<option style="background-image:url(eth.png);">eth</option>
<option style="back....
3 Фев 2022 в 21:19
Я пробовал несколько методов и, похоже, не могу подогнать свой логотип linkedin. Я пытался наследовать, а также установить максимальную высоту и ширину на 100%, чтобы ограничить, но он просто продолжает работать в полном размере.
Нужно ли использовать какую-то другую форму контейнера?
<div class="h....
Я хочу показать список элементов sub-menu в пункте главного меню при наведении курсора. Вот код, который я пробовал с кодом CSS ниже, но потерпел неудачу. Любая помощь будет очень признательна.
CSS:
summary.header__menu-item.list-menu__item.link:hover u.header__inline-menu details[open] > .header__....
У меня проблема с использованием фонового изображения в стиле на моей HTML-странице. Я создаю страницу входа в свое приложение Django, и когда я запускаю страницу, фоновое изображение не отображается. Интересно, что этот код работал вчера, а не сегодня.
Я уже намеренно поместил изображение и файл в....
3 Фев 2022 в 20:56
Итак, я хочу сделать свою кнопку, чтобы она изменилась на true в части Script. Это означает, что в элементе p появится случайное число.
<!doctype html>
<html>
<button>
random number
</button>
<p id="randomnumber">
</p>
</html>
<script>
if (document.getElementById('button').clicked == true)
{
d....
3 Фев 2022 в 20:56
У меня есть одна проблема, и я не могу ее решить. Мне нужно сделать одну игру на HTML, CSS и JS. Когда человек вводит через текстовое поле один номер, у меня есть сетка, и я должен показать одно изображение в одном квадрате и сделать квадрат зеленым. Но я не могу этого сделать, я искал везде, но ....
3 Фев 2022 в 18:36
Я совсем новичок в html и css, наверное, это глупый вопрос. Во всяком случае, я написал этот HTML-код:
* {
margin: 0px;
padding: 0;
box-sizing: border-box;
}
p {
font-size: 14px;
font-family: 'Work Sans', 'sans serif';
font-weight: 500;
color: hsl(224, 23%, 55%);
text-align: cent....