Как сделать чтобы один блок наезжал на другой css

как наложить один фон на другой

а как здесь сделать фон? хедеру задать картинку , и еще прозрачный фон вверху. как лучше. чтоб именно к одному блоку прикреплятьвверху прозрачный фон, чтоб было к одному блоку

Всё ещё ищете ответ? Посмотрите другие вопросы с метками css или задайте свой вопрос.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.12.3.40888

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как сделать так, чтобы одна анимация div влияла на другую

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

Я не могу придумать способ сделать так, чтобы при нажатии на одно изображение все изображения, кроме this , должны сжиматься (если они находятся в большем состоянии)

Я буду использовать более 2 изображений, поэтому мне нужно, чтобы это правило применялось ко всем остальным изображениям n-1

1 ответ

Я заинтересован в использовании нового класса UIPageViewController в новом приложении treasure hunt iPhone, которое я создаю. Анимация переворачивания страницы выглядела бы довольно мило с подсказками карты сокровищ и т. д. Одна вещь, которую я заметил, заключалась в том, что в iBooks Apple.

Я хотел бы знать, как сделать так, чтобы библиотека jquery javascript влияла только на определенный div в HTML?. Мы предполагаем, что у нас есть код ниже: <html> <head> </head> <body> <script src=jquery.js type=text/javascript></script> <script src=jquery1.js.

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

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

Или изучите размер:

В вашем конкретном коде, похоже, вы можете изменить это:

Похожие вопросы:

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

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

Как сделать так, чтобы, если одна копия программы запущена, другая не могла открыться? Или еще лучше, как сделать так, чтобы если одна копия уже запущена, то попытка запустить другую копию будет.

Я заинтересован в использовании нового класса UIPageViewController в новом приложении treasure hunt iPhone, которое я создаю. Анимация переворачивания страницы выглядела бы довольно мило с.

Я хотел бы знать, как сделать так, чтобы библиотека jquery javascript влияла только на определенный div в HTML?. Мы предполагаем, что у нас есть код ниже: <html> <head> </head>.

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

Так что у меня есть две коробки: https://jsfiddle.net/anaegm/trajtmgf / Мое первоначальное намерение состояло в том, чтобы заставить box-1 увеличивать свою высоту сверху и снизу, когда вы зависаете.

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

У меня есть этот код в react, который имеет встроенный стиль line-through on textDecoration when completed is true: <li onClick = style=<< textDecoration: completed ? ‘line-through’ .

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

Свойство CSS z-index. Проблема один элемент перекрывает другой.

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

Вот пример такой ситуации.

Больше моих уроков по HTML, CSS и верстке сайтов здесь.

"Блок 2" перекрывает "Блок 3", т.к. он находится выше по коду.

По умолчанию, на самом верху отображаются те блоки, которые находятся выше по коду. Но, что делать если нам нужно изменить порядок их отображения?

Для решения этой проблемы в css используется специальное свойство, которое называется z-index.

Значением свойства z-index является целое число. Хотя в спецификации и написано, что это число может быть отрицательным, но я советую вам пользоваться только положительными числами, т.к. в старых браузерах могут быть проблемы с отображением отрицательного z-index.

Это свойство работает только для тех элементов, которые имеют свойство CSS position в значении relative, absolute или fixed.

Давайте попробуем для примера выше поменять порядок отображения блочных элементов.

Разместим "Блок 3" поверх "Блока 2".

Для этого обоим блокам присвоим свойство position:relative, для того, чтобы свойство z-index начало работать.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *