文字从背景图片溢出

时间:2019-04-13 13:02:07

标签: html css background-image background-color

嗨,我希望我的背景图片包装其中的内容/文本。文本似乎从背景图像溢出,并且与其他文本重叠。一切在台式机上都可以正常运行,但是当我尝试在iPhone中打开Codepen时,却没有得到预期的效果。请参考我在这里附上的图片。

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

我是编码的新手,在尝试寻找解决方案之后我尝试了各种方法,但似乎无济于事。

Text overflowing from background image

1 个答案:

答案 0 :(得分:0)

从您发布的图片来看,有多种潜在的解决方案。

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

解决问题的一种方法是将repeat添加到CSS中:

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

将此图像添加到图像/背景类的CSS中。如果只希望图像垂直重复,则可以使用repeat-y代替repeat。与水平/重复-x类似。另一种方法是使用background-size:cover。 如果只希望它在较小的屏幕上重复显示,则可以添加一个媒体查询并在其中添加多余的属性。

不要在将来添加css / html(现在更可取!您可以编辑问题以添加代码)。有助于更清晰地了解如何解决问题。

希望这会有所帮助