【CSS3背景色透明(兼容IE8)】的更多相关文章

CSS3背景色透明(兼容IE8)

标准浏览器通过rgba()实现背景色透明;IE8以下浏览器通过特有滤镜实现背景色透明. 代码如下: 1 /* IE8 */ 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 3 4 /* 标准浏览器 */ 5 background-color: rgba(0, 0, 0, 0.6); 上述代码中: 7F000000(十六进制):前两位数值控制透明度…

backgroud背景色样式兼容ie8 rgba()用法

今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1);但是要兼容到ie8.这个就有点蛋疼了.因为ie8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色.所有颜色都可以由这三种颜色拼合而成.a代表透明度.比如rgba(255,255,255,0.1)就是透明度为0.1的白色…

使用IE滤镜实现css3中rgba让背景色透明的效果

让背景透明,听上去不是挺容易的么? 让背景色透明,很容易想到opacity,要兼容IE的话只要加上filter:alpha(opacity=?)就行了,OK,看看这个例子. html: <div class="container" id="container"> <div class="main" id="main"> <label for="tel">电话:</l…

Css:背景色透明，内容不透明之终极方法！兼容所有浏览器

转载 http://www.cnblogs.com/jikey/archive/2012/08/31/2665880.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/x…

Css实现透明效果，兼容IE8

Css实现透明效果,兼容IE8 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年9月9日 17:39:24 星期三 http://fanshuyao.iteye.com/ /* background: rgba…

css3兼容IE8的方案 各个ie的hack

虽然现在很多项目已经对低版本IE不要求了,但是还有部分公司对IE8还是很执着的,咱作为屌丝前端程序员不能和老板说前端潮流,不能说趋势,只能动脑子了,下面就分享一些css3兼容ie8的方案思路.主要是实现弯道超车. 比如css3的nth-child选择器,它有多好用就不解析了,问题它不兼容ie8,怎么破呢? 1.用jq选择器实现弯道超车,比如我想选择前面五个li,可以这样选.$("li:nth-child(-n+5)").css().这样就利用jq实现了兼容,但是能用css解决的就尽力不…

css 背景色渐变---和背景色透明

1 背景色渐变 background:#fb0000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb0000), color-stop(15%,#d50000), color-stop(75%,#c70000), color-stop(100%,#b20000)); background: -webkit-linear-gradient(top, #fb0000 0%,#d50000 1…

兼容IE8的flash上传框架"uploadify"自定义上传按钮样式的办法

(uploadify版本:3.2.1 ) 因为公司业务的原因,所做的项目需要兼容IE8,因此做的上传插件无奈选择的是基于flash的uploadify. 由于是基于flash的,所以使用过程中,难以给上传按钮自定义样式,但原来的样式实在不好看,是这样的,或者和项目的UI风格不搭,于是就要想办法自定义一下,最终折腾出了一个兼容性很好的可行方案.以下为解决问题的过程记录和最终方案: 思路一(不可行): 类似于H5的自定义上传控件,将uploadify上传空间的按钮隐藏,自己做一个好看的按钮BTN,在…

【转】让Bootstrap 3兼容IE8浏览器

FROM : http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 最近在研究Bootstrap(官方,Github)这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等.Bootstrap他们预先定义好,等要进行正式制作网页的时候,…

让Bootstrap 3兼容IE8浏览器

最近在研究Bootstrap(官方,Github)这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等.Bootstrap他们预先定义好,等要进行正式制作网页的时候,我们可以直接用里面的class就可以了. 今天不多介绍Bootstrap的功能,以后有机会可以重点介绍一下,确实十分优秀.响应式布局,定制性强,组…