Як зробити, щоб зображення визирали за межі вашого контейнера

Автор:

у

,

Як зробити так, щоб зображення виступали за межі вашого контейнера

Ось я додав рядок із кольором фону, а потім додав у нього зображення. Ось як це виглядає:

7a1ad1cd25 file 029qnDthFOЩоб змусити його «визирати» над контейнером, наведіть курсор миші на елемент, який ви хочете перемістити. Потім, коли з’явиться контур, перемістіть мишу за межі верхньої лінії контуру. Має відобразитися поточне значення верхнього відступу (margin):

3bb498880e file FqLy7ZTTHD

Натисніть і перетягніть верхній відступ угору, щоб зменшити його, зробивши значення від’ємним:

4a89f1e31e file Zm8Z0aOtCs

Тепер зображення «визирає» за межі рядка!

Якщо елемент обрізається, коли він виходить за межі рядка, відкрийте інспектор властивостей для цього рядка та вимкніть параметр overflow hidden у розділі Advanced:

0787678afd file pUDej5DLsQ