CSS2中色彩模式只有RGB色彩模式(RGB即RED、Green、BLue)和十六进制模式,为了能支持 透明opacity 的Alpha值,CSS3又增加了RGBA色彩模式(RGBA即RED、Green、BLue、Alpha)。 但是不管是RGB模式还是十六进制模式都无法主观感受,所以CSS3又加入 ...
分类:
其他好文 时间:
2016-07-30 13:22:44
阅读次数:
164
1、透明度opacity属性会被子元素继承,而且子元素重新设置opacity属性会不起作用; 若不想子元素继承父元素的透明度可通过backgroud-colorl来设置背景颜色的透明度,如background-color: rgba(0,0,0,0.5); 2、ng-repeat里面的ng-modu ...
分类:
其他好文 时间:
2016-07-23 19:28:25
阅读次数:
127
HTML: CSS: 以上是主要的代码,有几点需要注意: 利用rgba实现有兼容性的问题,所以采用两层覆盖的方法 float元素与position:absolute元素平级时,当绝对定位没有指定top/left时,float会在绝对定位元素前面出现 绝对定位元素当不指定top/left时,则相对于o ...
分类:
Web程序 时间:
2016-07-21 14:47:14
阅读次数:
148
a:focus,input:focus{2 -webkit-tap-highlight-color:rgba(0,0,0,0) ...
分类:
Web程序 时间:
2016-07-14 21:18:40
阅读次数:
336
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影, ...
分类:
移动开发 时间:
2016-07-12 15:20:37
阅读次数:
253
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影, ...
分类:
移动开发 时间:
2016-07-11 16:55:15
阅读次数:
183
/*自适应按钮*/ button{ padding:.3em .8em; border:1px solid rgba(0,0,0,.1); background: #58a linear-gradient(hsla(0,0%,100%,.2),transparent); border-radius: ...
分类:
其他好文 时间:
2016-07-08 15:11:06
阅读次数:
123
大多数人认为GL_RGBA中的alpha通道是透明与不透明程度的,即0为完全透明,1为不透明。 The Blending equation:(Rs Sr + Rd Dr, Gs Sg + Gd Dg, Bs Sb + Bd Db, As Sa + Ad Da) s和d为下标,指定的是资源和目标像素。 ...
分类:
其他好文 时间:
2016-07-05 10:03:07
阅读次数:
165
在canvas上绘制二位图形,需要经过以下三个步骤: 1、获取<canvas>元素 2、向该元素请求二维图形的“绘图上下文” 3、在绘图上下文调用相应的绘图函数,以绘制二维图形 使用上下文支持的方法来绘制二维图形: RGB格式,RGBA格式,最后为透明度 <canvas>的坐标为x轴(正方向朝右), ...
分类:
Web程序 时间:
2016-07-03 17:18:44
阅读次数:
195
为什么不使用opacityCSS3 还允许通过opacity 声明来设置元素的透明度。该透明度的值也是一个介于0 到1 之间的小数(如将opacity 设置为0.1 表示为10%透明)。但是这种透明度与RGBA 及HSLA 有所不同,这种方式设置的透明度会对整个元素产生影响(元素的内容都会透明)。反 ...
分类:
其他好文 时间:
2016-07-03 00:15:54
阅读次数:
255