html - 在图像上放置文本

标签 html css

我想不出在图像上放置文本的好方法。这是我想要做的:

这是我的。我想在左侧的黄色导航标志上放置文本(例如主页、联系我们、关于我们等的正常导航),但我真的想不出一个好的方法来做到这一点。我尝试按照我将实际标志放在绝对位置上的方式来做,但没有成功。我还计划将文本放在页面中间的蓝色条上,但将以相同的方式完成。

我不需要字母本身作为指向下一页的链接,但如果当我将文字放在上面时会发生这种情况,那就这样吧。

最佳答案

您可以将图像作为背景的一部分。我对此很陌生,因此知识有限,但将所有这些图像添加到单个“背景图像”CSS 属性中可能是您​​最好的选择。

关于html - 在图像上放置文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10037514/

相关文章:

html - 如何隐藏 IE 10 html 和正文之间的差距(x 滚动条空间?)

javascript - 如何制作一个 <canvas> 以便用户能够在其中绘图?使用 jQuery/JavaScript

html - Bootstrap 100% 高度(内容使页脚贴在底部)

javascript - Flexbox 布局 - 如果足够长则多行

css - Bootstrap 3 流体网格布局问题?

javascript - 将 angular 6 应用程序集成到其他应用程序时如何避免 css 冲突?

html - 自动播放时的 HTML5 视频缓冲量是多少

html - Microsoft Edge 显示空白,而 chrome/Internet Explorer 不显示

javascript - 如何使用 html input required 属性来使一组输入中的一个成为必需的?

javascript - 使用 getElementsByTagName 的 CSS 样式未生效