我希望有人能帮助我。我一直在尝试使用骨架样板框架学习响应式网站设计。
我使用了一个旧的 PSD 模板作为引用,除了 PSD 文件中有一个图像横幅和这个图像横幅上有一些文本之外,所有模板都运行良好。如果我将图像作为横幅 div 的背景,并在横幅 div 中添加文本,该文本工作正常,直到网站遇到断点并且背景图像因仅显示它的一部分而变得困惑等等。
我花了好几天时间尝试用 Google 搜索过的不同东西,但似乎无法弄清楚或让它发挥作用。
有没有人有任何建议,我将不胜感激。
我的测试(学习)网站在TEST SITE
这是一个 img 的链接,显示了我正在尝试实现的效果(抱歉没有足够的代表来张贴图片)
最佳答案
你应该能够将图像作为 background-image
属性,我也会使用 background-size: cover
和 background-position : center
以及 background-repeat: no-repeat
以确保背景图像始终覆盖整个 div。
关于css - 图像上的响应式文本叠加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22846221/