Переполнение текста из фонового изображения - PullRequest
Новая
       41

Переполнение текста из фонового изображения

1 голос
/ 13 апреля 2019

Привет, я хотел бы, чтобы мое фоновое изображение обернуло содержимое / текст внутри него. Кажется, что текст переполняется от фонового изображения и перекрывает другой текст. Все это хорошо работает на настольном компьютере, но когда я пытаюсь открыть Codepen в моем iPhone, не получается, как это должно быть. Пожалуйста, обратитесь к фотографиям, которые я прилагаю здесь. 

`https://codepen.io/sharonloh/full/pBrdRd`

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

Текст переполняется с фонового изображения

1 Ответ

0 голосов
/ 13 апреля 2019

Из картинки, которую вы разместили, существуют различные возможные разрешения.

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

Один из способов решения вашей проблемы - добавить repeat к вашему css: 

 background-image: (your image);
 background-repeat: repeat;

Добавьте это к вашему CSS для класса изображения / фона.Если вы хотите, чтобы изображение повторялось только по вертикали, вы можете использовать repeat-y вместо repeat.Аналогично для горизонтального / повторного х.Другой способ - использовать background-size:cover.Если вы хотите, чтобы это повторялось только на небольших экранах, вы можете добавить медиа-запрос и добавить туда дополнительный атрибут.

Добавьте ваш css / html в будущем (сейчас будет предпочтительнее! Вы можете отредактировать свой вопрос вдобавить код).Это помогает дать более четкое представление о том, как решить проблему.

Надеюсь, это поможет

...