无药可究 2022-11-21 12:30 采纳率: 100%
浏览 4
已结题

html怎么才可以插入这样的镂空图片，如果可以的话，尽量避免使用js

img


求指教，html怎么才可以插入如图清华大学这样的镂空图片（显示logo和字样后面的内容）求指教！

  • 写回答

3条回答 默认 最新

  • 这个需求做不了123 2022-11-21 12:51
    关注

    什么意思？图片在下面，文字单独在上面呗？如果是这种效果，你可以给外边盒子加背景图片，盒子内写文字，或者用绝对定位去写，自己动手操作一下，记忆深刻

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

报告相同问题？

  • 图片半透明圆形镂空遮罩
    2022-11-13 17:17
    leveretz的博客 图片半透明圆形镂空遮罩
  • HTML5 canvas基础与「生成名片」应用程序
    2020-07-04 16:20
    恪愚的博客 Canvas表示屏幕上一个空白矩形区域,应用程序...HTML5的canvas元素使用JavaScript在网页上绘制图像。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。...模糊的说，canvas是一种“可编辑的”图片格式。
  • 前端学习笔记
    2024-08-24 16:39
    m0_63840629的博客 self当前窗口跳转 title：鼠标悬浮显示文字 空链接 返回页面顶部 保持原位置 脚本链接 电子邮件链接 mailto:邮箱地址"> 拨打电话 2 锚点链接 使用 name 属性创建 HTML 页面中的锚点 当使用锚时，我们可以创建直接跳...
  • 前端面试知识点纪要（2025持续更新版本）
    2024-03-27 11:43
    尼给路达哟的博客 面试后总结的面试内容，重点是js,ts部分，还有关于nuxt3之内的也是考察重点
  • 记录canvas相册开发过程
    2022-07-30 00:59
    你的代码有瑕疵的博客 按照boss的要求，得有可以操作的区域，比如图片和文本，也就是页面有几个位置可以去编辑这个图片和文本内容，所以在页面的信息中得有一个保存这些内容的数据集合——content，然后这个数据也得是一个数组对象格式，...
  • HTML5+WebGL 绘制 Web 3D 机房监控系统
    2024-09-29 00:57
    斐夷所非的博客 使用第三方辅助工具是不可避免的，像 Three.js, twaver.js 都是选择。这些工具都可以提供 3D 的基本对象和各种特效，当然这都不是最主要的，主要是如何利用它做出我想要的效果：好看。为了避免大量修改代码，在项目...
  • 微信小程序开发--uniapp
    2020-10-10 09:44
    123没有肆的博客 uniapp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 截止2020年8月份，uniapp已经支持一套...
  • JS使png背景图片透明
    2008-09-25 11:17
    魔拉宝的博客 如果插入网页的话可以给网站内容增色不少！更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如在有颜色过渡背景上插入不规则边框的图片，带来极大和便利！　但目前IE中对于插入的...
  • 小程序详细教程
    2022-09-03 17:55
    汤姆的编程生活的博客 {num } } < / view > < button bindtap = "add" data - num "{{5}}" > 点击 + 5 < / button > 可以看到，代码中定义了点击事件 add，通过自定义属性 data-num 完成传参，参数是 5；其中 num 就是参数的名称。1、在根...
  • 自用vue3，已标记慎看（日常更新）
    2024-03-22 15:37
    斑马兽存d的博客 如果我们要定义组件的 name 或其他自定义的属性，还是得回到最原始的用法——再添加一个普通的 这样就会存在两个 所以在 Vue 3.3 中新引入了 defineOptions 宏。顾名思义， 主要是用来定义 Options API 的选项。...
  • 微信小程序入门学习笔记
    2020-04-28 16:49
    lujiebin的博客 JS // pages/test1/test1.js Page({ /** * 页面的初始数据 */ data: { name: 'Coderwhy', age: 18, students: [ {id: 1, name: 'kobe', age: 50}, {id: 2, name: 'cobe', age: 20}, ...
  • 如何设计出完美的动画技术架构
    2021-11-11 17:43
    奇舞周刊的博客 动画在前端领域中的作用是提升用户体验、吸引用户注意力。在互联网行业中，它也是一个永久的热点话题。一般在电商平台或者娱乐类项目（快手、拼多多、淘宝、腾讯视频、抖音等）中会出现很多的动画场景。...
  • 分享一些手写 CSS 动画的常用思路
    2022-02-11 11:58
    前端达人的博客 前言本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。交错动画有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那...
  • CSS学习笔记
    2021-10-14 12:07
    启明鑫的博客 1 介绍 1 css是w3c推出的标准 2 版本 css1, css2, css3 3 css是什么 网页分成三个部分： 结构(HTML) 表现(CSS) 行为(JavaScript) CSS - 层叠样式表 ... - 总之一句话，CSS用来设置网页中元素的样式
  • NutUI 组件 popup 源码分析
    2020-06-30 15:55
    weixin_48726650的博客 京东用户体验设计部-前端开发部现有前端开发人员 50 左右，主要为京东零售集团、京东健康提供 WEB 前端开发、APP RN开发，小程序开发、小游戏开发、H5开发等能力支持。 正文从这开始~~ NutUI 是一套京东风格的...
  • uniapp
    2021-07-05 09:38
    前度鸭的博客 uniapp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uniapp已经支持一套代码打包到 Android...
  • 微信小程序和uni-app面试高频知识点
    2022-11-27 19:42
    qq_53694927的博客 微信小程序 微信小程序的项目结构 前端代码分为结构层html（WXML），表现层css（WXSS），行为层 js，在这之前首先给大家介绍一下小程序里面的一些文件类型及用途： .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML ...
  • CSS绚丽动画效果--贼好玩也常用
    2024-05-06 10:11
    夲奋亻Jay的博客 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在...
  • uniapp-vue3（上）
    2024-12-28 21:20
    NaughtyBo的博客 千锋教育前端uniapp入门到实战项目教程(微信小程序+H5+安卓APP+IOS APP) - B站视频 uni-pay支付商城项目开发，uniapp及uniCloud云开发进阶课，自建微信小程序购物商店项目实战『布局篇』 各种不同类型的for循环遍历 ...
  • uni-app学习
    2021-07-24 21:00
    碎玉投珠的博客 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，uni-app同时也是更好的小程序开发...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 11月30日
  • 已采纳回答 11月22日
  • 创建了问题 11月21日