html - 背景图像中的文本溢出

Question

您好，我希望我的背景图片能够包含其中的内容/文本。文本似乎从背景图像中溢出并与其他文本重叠。它在桌面上运行良好，但当我尝试在我的 iPhone 中打开 Codepen 时，结果并不像预期的那样。请引用我在这里附上的图片。

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

我是编码新手，在尝试搜索解决方案后尝试了各种方法，但似乎没有任何效果。

Text overflowing from background image

Answer 1

从您发布的图片来看，有多种可能的分辨率。

第一个潜在的问题是您设置了背景图片但没有设置其他背景属性。

解决您的问题的一种方法是向您的 css 添加 repeat:

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

将此添加到图像/背景类的 css 中。如果只想让图片垂直重复，可以用repeat-y代替repeat。类似于 horizo​​ntal/repeat-x。另一种方法是使用 background-size:cover。如果您只希望它在较小的屏幕上重复，您可以添加一个媒体查询并在那里添加额外的属性。

以后一定要添加你的 css/html(现在最好!你可以编辑你的问题来添加代码)。它有助于更​​清楚地说明如何解决问题。

希望对你有帮助