1、将遮罩层html代码与图片放在一个div 我是放在 .img_div里。 A Picture of food 2、为图片及遮罩层添加样式 图片：relative 遮罩层：absolute 使两者样式重合。 鼠标不在图片上时，遮罩层不显示 .mask { opacity: 0; } 。 .img_div { margin:…

项目中用到的功能，在这里记录下, 方便日后复用。 鼠标悬停，出现一个悬浮框，悬浮框中可以自定义一些内容，使用 bootstrap 的 popover 插件实现。可以直接看参考资料中的文章，插件使用说明更详细。或看组件文档说明&…

我们都知道视频列表其实是一个封面列表，鼠标放上去时，有反馈：即hover时显示播放遮罩层，点击，跳转到对应的视频播放页。这是目前主流视频网站的一个通用效果。 我们在实现时应该理清思路： 1、每个视频位置处放的是封面图片 2、播放按钮遮罩层需完全覆盖封面图片，并且正…

场景 有时候需要通过域名直接访问项目，但是这样有一个隐患： 后端：request.getContextPath(); 获取为空。   前端：window.location.pathname.split("/")[1] 也会为空。 这样可能有些项目会发生不可预知的错误。 分析 可以通过域名直接访问一个页面，然后重定向…

步骤： 1.File--> 2.修改project name. 3.Modules 4.Artifacts 5.找到项目的目录，直接重命名。 6.重启idea. 补充： pro.xml文件中的项目名称修改： 点击需要修改的项目名称，按 CtrlR,键入想要修改的项目名称。按…

import setproctitle setproctitle.setproctitle("别来沾边")

一、Mac系统操作步骤 1.点击左上角苹果图标-“系统偏好设置”；​​​​​​​​​​​​​​​​​​​​​ 2. 进入“共享”； 3. 直接在输入框中修改电脑名称，如显示无法修改，则需要点击下方解锁键。 ​​​​​​​ 二、Mac系统13版本操作步骤 1. 在启动台找到“终…

需求背景： 批量生成文件，批量分离合并文件，导致文件名称已aa\ab\ac...不规则名称命名 需求环境： ubuntu 20.4 nginx 1.20.0 需要技能： rename split cat find grep cloc #统计文件行数 指定每个拆分文件的大小…