backdrop filter 和 filter backdrop filter 可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。 因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。 blur()使得出现毛玻璃效果,只会模糊背景, filter blur()使 ...
分类:
其他好文 时间:
2020-02-22 00:25:29
阅读次数:
52
1 style="margin-top:300px;background:rgba(255,255,255,这里设置小于1比如0.6这样); color:black;" 1 style="margin-top:300px;background:rgba(255,255,255,这里设置小于1比如0. ...
分类:
Web程序 时间:
2020-02-17 14:21:00
阅读次数:
87
CSS3已经支持背景rgba的rgba透明度,这一方法可以避免元素内容也随背景一起变透明(详情请阅http://www.cssha.com/css3-new-knowledge-student)。但是这一属性在低于IE9的版本中却不被支持,我们可以通过IE私有滤镜来实现背景透明效果。rgba参数格式... ...
分类:
其他好文 时间:
2020-02-06 13:06:23
阅读次数:
91
gif 1、支持动画 2、只有全透明和不透明两种模式 3、只有256种颜色 jpg 1、采用有损压缩算法 2、体积较小 3、不支持透明 4、不支持动画 png 1、采用无损压缩算法 2、体积较小 3、支持背景透明 4、不支持动画 5、2020-1-9 目前使用最多 svg 1、不会失真 2、记录颜色 ...
分类:
Web程序 时间:
2020-01-09 20:37:40
阅读次数:
97
方法一:使用background: rgba(130, 130, 130,0.4); 该方法只能使div本身透明,如图 方法二:opacity: 0.5;不仅仅背景透明,里面内容也跟着透明 ...
分类:
其他好文 时间:
2019-12-24 09:20:31
阅读次数:
48
雪碧图(Sprites) 雪碧图也叫CSS精灵, 是一种CSS图像合成技术,就是将许多小图标合并在一张背景透明的图片上,使用background-position和background-size来控制图片显示的区域。 为什么要使用雪碧图 网站开发90%会用到小图标, 多小图标调用显示是前端开发常见的 ...
分类:
其他好文 时间:
2019-12-23 00:33:44
阅读次数:
320
1.背景透明 .detail input{ background-color:transparent; color: #00c7ff; border:1px solid #00c7ff; } 2.修改字符背景透明 .detail input:focus { background-color:tran ...
分类:
Web程序 时间:
2019-11-23 09:16:10
阅读次数:
97
1.button里面,用letter-spacing调整中文字间距 问题描述:设置之后现代浏览器无法使文字水平居中,会偏右,原因:最后一个字后面也有间距存在解决方式:用空格解决;或者用paddding-left:2px解决 2.兼容ie6,7,8背景透明内容不透明解决方法: rgba(a,b,c,0 ...
分类:
其他好文 时间:
2019-11-17 01:40:27
阅读次数:
202
gif 支持动画 只有全透明和半透明两种模式 只有256种颜色 jpg 采用有损压缩算法 体积较小 不支持透明 不支持动画 png 采用无损算法 体积也相对较小 支持背景透明 不支持动画 svg 只记录形状 无损 使用简单的图案 ...
分类:
其他好文 时间:
2019-11-06 22:34:51
阅读次数:
74
Alacritty终端安装及配置 官方git: https://github.com/jwilm/alacritty 安装 配置 首次使用时会创建一个默认的配置文件: 主题设置 可以拷贝替换对应的主题颜色配置即可。 参考1:https://github.com/jwilm/alacritty/wik ...
分类:
其他好文 时间:
2019-10-20 01:05:58
阅读次数:
1129