落白Reachless 2022-03-25 16:22 采纳率: 81.3%
浏览 36
已结题

怎样在image控件上显示文字

img


这是我设计的一个网页母版页，现在在母版页上添加了一个image控件，我想在这个控件上显示一段文字该怎么办？

  • 写回答

2条回答 默认 最新

  • 沐卿゚ 2022-03-25 16:47
    关注

    这个看一下

    
```html
<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>图片上显示文字</title>  
</head> 
<body>
    <div class="box">
        <img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
        <span class="text">图片上的文字</span>
    </div>
</body> 
</html>
<style>
    .box{
        position: relative;
        
    }
    .box img{
        width: 400px;
        height: 200px;
        margin-left: 10px;
    }
    .text{
        position: absolute;
        top: 20px;
        left: 50px;
        font-weight: bold;
        color: red;
        
    }
</style>

    ```

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 4月2日
  • 已采纳回答 3月25日
  • 创建了问题 3月25日

悬赏问题

  • ¥15 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
  • ¥15 Windows11, backspace, enter, space键失灵