文本从背景图像溢出

问题描述 投票:1回答:1

嗨,我希望我的背景图片包含其中的内容/文本。文本似乎从背景图像中溢出并与其他文本重叠。这一切都适用于桌面,但当我尝试在我的iPhone中打开Codepen时,它并没有像预期的那样。请参考我附上的图片。

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

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

Text overflowing from background image

html css background-image background-color
1个回答
0
投票

从您发布的图片来看,有各种可能的解决方案。

第一个潜在问题是您已设置背景图像但未设置其他背景属性。

解决您的问题的一种方法是在您的CSS中添加repeat

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

将其添加到css中以获取图像/背景类。如果您只希望图像垂直重复,则可以使用repeat-y而不是repeat。类似于horizo​​ntal / repeat-x。另一种方法是使用background-size:cover。如果您只想在较小的屏幕上重复,则可以添加媒体查询并在其中添加额外属性。

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

希望这可以帮助

© www.soinside.com 2019 - 2024. All rights reserved.