使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果
2011-10-20 14:46
911 查看
关于这个大家可以看两篇文章小志的《使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果》和小鱼的《背景半透明最佳实践》,这里就不展开了,这里提供一个小志的CSS背景颜色属性值转换工具,并在他的基础上做了少许的修改,还有就是被小志严重鄙视的去掉了提示!嘎嘎!关于工具:
实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性。输入十六进制的颜色值以及透明度,自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算。说明:
1.样式名选项,例如:.rgba,填样式名选项后会自动导出IE9的兼容方案,不填样式名直接输出样式属性,请自己写IE9的hack单独把IE9的filter变成透明度为0即可。高级浏览器大部分支持:root伪类,但不支持filter属性,而IE只有IE9支持,所以我们可以这样写。代码如下::root.rgba{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=’#00000000′,EndColorStr=’#00000000′);}
2.颜色值选项:十六进制是从【0】到【9】以及【a】到【f】组合而成的,再来一次吧!\n如果是十六进制的缩写,是前后相邻的字母可简写成为一个,例如【#FF000FF】可转为【#F0F】\n请检查你的颜色值是否为功夫茶具【三位】或者符合【十六进制的组合方式】。3.透明度现象:透明度的值在【0】到【1】之间。工具地址:http://www.css88.com/demo/hex_color/关于这个大家可以看两篇文章小志的《使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果》和小鱼的《背景半透明最佳实践》,http://www.zuipin.cn/chaju/taocichaju.html这里就不展开了,这里提供一个小志的CSS背景颜色属性值转换工具,并在他的基础上做了少许的修改,还有就是被小志严重鄙视的去掉了提示!嘎嘎!关于工具:
实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性。输入十六进制的颜色值以及透明度,自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算陶瓷茶具价格。说明:
1.样式名选项,例如:.rgba,填样式名选项后会自动导出IE9的兼容方案,不填样式名直接输出样式属性,请自己写IE9的hack单独把IE9的filter变成透明度为0即可。高级浏览器大部分支持:root伪类,玻璃茶具价格 但不支持filter属性,而IE只有IE9支持,所以我们可以这样写。代码如下::root.rgba{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=’#00000000′,EndColorStr=’#00000000′);}http://www.zuipin.cn/chaju/taocichaju.html
2.颜色值选项:十六进制是从【0】到【9】以及【a】到【f】组合而成的,再来一次吧!\n如果是十六进制的缩写,是前后相邻的字母可简写成为一个,例如【#FF000FF】可转为【#F0F】\n请检查你的颜色值是否为【三位】或者符合【十六进制的组合方式】。3.透明度现象:透明度的值在【0】到【1】之间。工具地址:http://www.css88.com/demo/hex_color/
武夷学院青果
实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性。输入十六进制的颜色值以及透明度,自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算。说明:
1.样式名选项,例如:.rgba,填样式名选项后会自动导出IE9的兼容方案,不填样式名直接输出样式属性,请自己写IE9的hack单独把IE9的filter变成透明度为0即可。高级浏览器大部分支持:root伪类,但不支持filter属性,而IE只有IE9支持,所以我们可以这样写。代码如下::root.rgba{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=’#00000000′,EndColorStr=’#00000000′);}
2.颜色值选项:十六进制是从【0】到【9】以及【a】到【f】组合而成的,再来一次吧!\n如果是十六进制的缩写,是前后相邻的字母可简写成为一个,例如【#FF000FF】可转为【#F0F】\n请检查你的颜色值是否为功夫茶具【三位】或者符合【十六进制的组合方式】。3.透明度现象:透明度的值在【0】到【1】之间。工具地址:http://www.css88.com/demo/hex_color/关于这个大家可以看两篇文章小志的《使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果》和小鱼的《背景半透明最佳实践》,http://www.zuipin.cn/chaju/taocichaju.html这里就不展开了,这里提供一个小志的CSS背景颜色属性值转换工具,并在他的基础上做了少许的修改,还有就是被小志严重鄙视的去掉了提示!嘎嘎!关于工具:
实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性。输入十六进制的颜色值以及透明度,自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算陶瓷茶具价格。说明:
1.样式名选项,例如:.rgba,填样式名选项后会自动导出IE9的兼容方案,不填样式名直接输出样式属性,请自己写IE9的hack单独把IE9的filter变成透明度为0即可。高级浏览器大部分支持:root伪类,玻璃茶具价格 但不支持filter属性,而IE只有IE9支持,所以我们可以这样写。代码如下::root.rgba{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=’#00000000′,EndColorStr=’#00000000′);}http://www.zuipin.cn/chaju/taocichaju.html
2.颜色值选项:十六进制是从【0】到【9】以及【a】到【f】组合而成的,再来一次吧!\n如果是十六进制的缩写,是前后相邻的字母可简写成为一个,例如【#FF000FF】可转为【#F0F】\n请检查你的颜色值是否为【三位】或者符合【十六进制的组合方式】。3.透明度现象:透明度的值在【0】到【1】之间。工具地址:http://www.css88.com/demo/hex_color/
武夷学院青果
相关文章推荐
- [转]使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果
- 使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果
- 使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果
- 使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果
- 使用IE滤镜实现css3中rgba让背景色透明的效果
- 使用IE滤镜实现css3中rgba让背景色透明的效果
- 使用IE滤镜实现css3中rgba让背景色透明的效果
- 使用CSS3配合IE滤镜实现渐变和投影的效果
- 使用css3过渡属性实现翻牌效果
- css3 使用rgba实现透明背景色
- 线性渐变-linear-gradient和滤镜opacity/filter的透明效果兼容性解决方案及其RGB/RGBA与16进制转换方法
- 使用Js来让IE支持png图片透明效果
- IE滤镜与CSS3效果
- 使用CSS3 BACKFACE-VISIBILITY属性制作翻转动画效果
- ie 滤镜旋转 div 实现css3的效果
- 使用CSS3滤镜美化效果
- 兼容FF,IE的CSS透明背景色滤镜
- CSS3新增Hsl、Hsla、Rgba色彩模式以及透明属性(转)
- 使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
- 用IE滤镜实现多种常用的CSS3效果