rrrrrio的博客

问题：想给一个容器设置一层白色背景和一道半透明白色边框 想法：透明 + 背景白色 但是视觉效果只有白色背景，没有边框出现。 知识：背景色会透过边框，通过虚线边框可以看到没有出现边框的空白处是会被该元素的背景色覆盖。 实现的效果就知道了原因 解决办法： background-clip : padding-box; border-box 背景被裁剪到边框盒。 (默认值，也就是上图的效果...

实现的第一种方法：box-shadow代替border 原因：box-shadow是支持逗号分隔语法的，可以创建任意数量的投影模拟出边框。 问题： 1. box-shadow不占据空间，不响应事件。 2. 如果用rgba或者hsla，两种方法得到边框的颜色不同。 box-shadow: 0 0 0 4px rgba(126,4,4,.6); border:solid 4px rgba(126...

CSS : HSLA HSLA： Hue 色度（取值：0~360） 红色：0，360 绿色：120 蓝色：240 Saturation 饱和度 （取值：0%~100%） 网上搜索到的定义一般是色彩的鲜艳程度，0%是最黯淡，100%是最鲜艳。 但是通过自己的测试，会发现最黯淡其实就是最贴近灰色，最鲜艳就是不在色度hue上掺杂灰色，最贴近原来的颜色。 最贴近灰色，S:0%： 最贴近原来的颜色，S...

迭代完成，暂无bug，记录一下遇到的问题。 input Q1: 写法：div包input 描述：在电脑上模拟的时候是居中的，但是在移动端（我记得不错的话是ios）他竟然在div的上层（没居中）。 A1：百度到给input加了一个行高。但是加了行高（等于外层div高度）之后ios又出现另外的问题。 Q2：如上所述，加了行高（等于外层div高度）之后，ios光标过长。 A2：用行高控制光标长度...