Jump to content
  • 0
Sign in to follow this  
NaiKon

Как зафиксировать объект на беграунде страницы

Question

NaiKon    0

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

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

А браузер отображает так:

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Нужно сделать чтобы изображение обрезалось, как показывает это MUSE.

Пример лендинга где такое сделано (Картинки на беграунде) Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. - слева спасательный круг, как бы на беграунде, а внизу справа плавательные очки.

HELP!

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0
40 минут назад, NaiKon сказал:

Нужно сделать чтобы изображение обрезалось, как показывает это MUSE.

Пример лендинга где такое сделано (Картинки на беграунде) Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. - слева спасательный круг, как бы на беграунде, а внизу справа плавательные очки.

HELP!

Первый вариант. Лучше всего подготовить изображения как вам надо, что бы обрезались, в фотошопе и залить их в прямоугольники, растянутые на 100% ширины, позиции слева / справа, по размеру или исходный размер  - зависит от вашей картинки.
Второй вариант (для отзывчивого макета) такой: Помещаете изображение и нажимаете стрелки

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Но эти стрелки устанавливают бесконечное растягивание, это действует на весь контент сайт, что в большинстве случаев ненужно. Поэтому первый вариант предпочтительнее.
Во всех случаях, так как показываете вы, делать ни в коем случае нельзя. Ничего не должно выходить за пределы холста. Если вы будете использовать второй вариант, нажмите инструмент рамка (или зажмите Ctrl) и обрежте изображение как надо. Но за пределы холста оно не должно заступать.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
Sign in to follow this  

×
×
  • Create New...