.box{ width:100%; background: url(../img/bg.png) no-repeat; background-size: 100% 100%; position: absolute; z-index: -1; top: 0; left: 0; right: 0; } ...
分类:
其他好文 时间:
2020-09-18 01:18:19
阅读次数:
31
现代Web应用对图像的需求量很大,它们占据网络下载的大部分字节。通过优化它们,你可以更好地利用它们的性能。如果你碰巧使用几何图形作为背景图像,有一个替代方案:你可以使用CSS Paint API以编程方式生成背景。 在本教程中,我们将探讨其功能,并探讨如何使用它来动态创建与分辨率无关的动态背景。 设 ...
加班偷着懒没做一堆九月份迭代的工作,实现了一下小程序的启动页。效果是这样的: 关注公众号查看效果 app.json 将启动页路径放在pages数组的第一项,tabBar中list正常放置。 start.wxml先写一个容器显示背景图片,image标签上使用bindload方法,动态计算屏幕宽高,以适 ...
分类:
微信 时间:
2020-09-15 21:07:30
阅读次数:
57
实现拼图滑动验证码 拼图滑动验证码的纯前端简单实现,重要部分都已标注注释,如果需要配合后端可以参考此思路,后端处理图片生成一个带缺口的背景图与一个符合缺口的拼图,并将取得拼图块的位置记录到SESSION,将图片与拼图传给前端展示,当用户拖动并松开鼠标后将鼠标轨迹与停留位置发送到后端,后端从SESSI ...
分类:
其他好文 时间:
2020-09-10 23:07:43
阅读次数:
38
HighReport报表工具企业级web报表工具,包含功能:1.报表工具支持报表展示,包括自由报表、网格式报表、分组报表、主子报表、交叉报表、分栏报表、分页报表、链接子报表、嵌套子报表、报表组、浮动图报表、背景图报表。2.报表工具支持表单填报,包括自由填报、网格式填报、行式填报、分组填报、交叉填报、 ...
分类:
Web程序 时间:
2020-08-31 11:53:19
阅读次数:
64
Flutter之Decoration(边框、圆角、阴影、形状、渐变、背景图像等) 1 继续关系: BoxDecoration:实现边框、圆角、阴影、形状、渐变、背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度、底部线、矩形边色、圆形边色、体育场(竖向椭圆)、 角形(八边角)边色 ...
分类:
其他好文 时间:
2020-08-25 18:45:45
阅读次数:
66
背景图片路径找寻失败问题 1、加~ background-image: url("~@/assets/login/login-bg.png"); background-size: 100% 100%; 2、加require <div class="login_content" :style="`ba ...
分类:
Web程序 时间:
2020-08-17 17:10:57
阅读次数:
136
Container contentPane = getContentPane(); contentPane.setLayout(new FlowLayout());//布局管理器 JLabel label = new JLable(); contentPane.add(label); 修改/设置 l ...
分类:
其他好文 时间:
2020-08-13 12:26:45
阅读次数:
55
001、什么是懒加载 懒加载也就是延迟加载 当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。 002、为什么要使用懒加载 ...
分类:
其他好文 时间:
2020-08-13 12:08:32
阅读次数:
53
CSS的背景 1. 背景颜色background-color div { background-color: 颜色值; } 一般情况下元素背景颜色默认是transparent(透明)。 2. 背景图片background-image div { background-image: none或url( ...
分类:
Web程序 时间:
2020-08-08 20:09:25
阅读次数:
83