时间戳

首页 > 解决方案 > 背景图像中的文本溢出

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

问题描述

嗨，我希望我的背景图像能够将内容/文本包含在其中。文本似乎从背景图像溢出并与其他文本重叠。这一切在桌面上运行良好，但是当我尝试在我的 iPhone 中打开 Codepen 时，它并没有达到预期的效果。请参考我在这里附上的图片。

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

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

从背景图像溢出的文本

标签： htmlcssbackground-imagebackground-color

解决方案

从您发布的图片中，有各种潜在的解决方案。

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

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

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

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

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

希望这可以帮助

推荐阅读