CSS - Страница 565

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

Pick a E-commerce
Amazon
Flipkart...

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

body
{
margin: 0 0 200px; //Same height of the footer
}
footer
{
position: absolute;
left: 0;...

Во-первых, проблема с медиа-запросом связана с масштабированием изображения внутри Flexbox для соответствия экрану на нескольких устройствах.
Во-вторых, у меня возникла проблема, когда мой Javascript onClick в конечном итоге меняет мой макет до...

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

При наведении курсора на элемент в строке меню, расположенной в , это не влияет ни на одно из свойств тела. Не могли бы вы помочь мне разобраться?
Спасибо!
Это пример с HTML:

Title

Test

а это прикрепленный CSS:
.container:hover~.body_div{...

Моя таблица состоит из 3 ячеек: первые две содержат входные данные, а третья — мой контент. Каждая ячейка имеет ширину 33,333%. Когда я ввожу текст во входные данные и он переполняется, все работает нормально — текст просто скрыт, как и ожидалось...

У меня есть длинный текст, который я хочу отобразить внутри элемента div с фиксированной шириной и высотой.
Я пробовал использовать свойства CSS:
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

но при этом текст отображается...

Во-первых, проблема с медиа-запросом заключается в масштабировании изображения внутри гибкого поля для соответствия экрану на нескольких устройствах.
Во-вторых, у меня возникла проблема, когда мой Javascript 'onClick ' модальное окно в конечном...

Я создаю приложение с нуля, используя angular2, SCSS и gulp.
Я хочу создавать высококачественные и адаптивные значки. Исследуя Интернет, я обнаружил, что существует два основных метода:

спрайты изображений
шрифты Спрайты SVG

Насколько я...

При наведении курсора на элемент в строке меню, расположенной в , это не влияет ни на одно из свойств тела. Не могли бы вы помочь мне разобраться?
Спасибо!
Это пример с HTML:

Title

Test

это прикрепленный CSS:
.container:hover~.body_div{...

У меня есть несколько переменных в моем листе CSS, и я хочу сохранить состояние (это будет число).
Например, я хотел бы создать «почти» бесконечный счетчик оно будет увеличиваться при каждом клике.
Первое, что я попробовал (после некоторых проблем с...

У меня есть изображение в div, используя

который довольно большой.

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

Я хочу, чтобы...

У меня есть рабочий сервер для ввода URL-адреса в параметр запроса, он извлекает страницу и отправляет ее обратно. Проблема в том, что ссылки CSS не всегда работают, поскольку обычно CSS извлекается из источника с помощью HTML-тега . Есть ли способ...

вот это сложный вопрос. Предположим, у меня есть div определенного размера ( width и высота), а также цвет фона: розовый;. Теперь предположим, что у меня есть значок, файл PNG (или svg, или что-то еще), и я хочу, чтобы изображение «врезалось» в цвет...

В приложении, использующем Bootstrap 5, мне нужно добавить изображение в качестве баннера
html

{{ asset(

css
.hero-image {
width: 100%;
height: 100%;
object-fit: cover;
}

В приложении, использующем bootstrap 5, мне нужно добавить...

У меня есть фрагмент ниже. Как можно видеть, верхняя панель имеет некоторую прозрачность + фоновый фильтр: размытие(20px), тогда как меню навигации не имеет такого эффекта.
Я хочу применить то же самое. эффект, определив аналогичный CSS для элемента...

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

Моему клиенту нужна пользовательская страница, встроенная в Microsoft Dynamics CRM. И это не драма, по сути это встраивание iFrame.

Однако... он педантичен и хочет, чтобы это выглядело как все остальное в CRM.

Кто-нибудь знает CSS-тему...

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

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

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

это мой HTML-код:

rock paper scissors

rps-smiling.svg

и мой CSS:
body {
background-color: #c0c0c0;
}
#header {
display: flex;
justify-content: center;
border: #808080 4px solid;
}
#face {
background-color: #c0c0c0;
padding: 5px;...

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

Я пытаюсь добиться этого эффекта, когда текст обволакивает контур изображения, но при этом центрируется
Проблема в том, что я не могу использовать shape-outside: url() , чтобы обернуть текст, мне нужно разместить изображение, а это означает, что...

Я использую truncate в TailwindCSS, чтобы сделать текст многоточием, если текст переполняется более чем на одну строку, но это не работает.
Мой код ниже не работает: p>

Label:

long...