方法一：使用CSS定位
通过CSS的position属性，可以精确控制文字在图片上的位置。将图片容器设置为relative定位，文字元素设置为absolute定位，即可实现文字覆盖在图片上的效果。
这种方法灵活度高，可以自由调整文字的位置、大小、颜色和背景，适用于各种网页设计需求。
方法二：伪元素叠加
利用CSS伪元素(::before或::after)创建文字层，无需额外的HTML标签。这种方式代码更简洁，维护性更好。
通过JavaScript可以动态修改伪元素的内容和样式，实现交互式图文效果，提升用户体验。