嗨,我希望我的背景图片包装其中的内容/文本。文本似乎从背景图像溢出,并且与其他文本重叠。一切在台式机上都可以正常运行,但是当我尝试在iPhone中打开Codepen时,却没有得到预期的效果。请参考我在这里附上的图片。
`https://codepen.io/sharonloh/full/pBrdRd`
我是编码的新手,在尝试寻找解决方案之后我尝试了各种方法,但似乎无济于事。
答案 0 :(得分:0)
从您发布的图片来看,有多种潜在的解决方案。
第一个潜在的问题是您设置了背景图片,但未设置其他背景属性。
解决问题的一种方法是将repeat
添加到CSS中:
background-image: (your image);
background-repeat: repeat;
将此图像添加到图像/背景类的CSS中。如果只希望图像垂直重复,则可以使用repeat-y
代替repeat
。与水平/重复-x类似。另一种方法是使用background-size:cover
。
如果只希望它在较小的屏幕上重复显示,则可以添加一个媒体查询并在其中添加多余的属性。
不要在将来添加css / html(现在更可取!您可以编辑问题以添加代码)。有助于更清晰地了解如何解决问题。
希望这会有所帮助