让IE支持RGBa的背景色的代码

上代码：

Demo

#div1 {
padding: 10px;
width: 380px;
height: 205px;
background: url(/upload/201007/20100713220102894.jpg);
}
#div2 {
color: #FFF;
font-size: 40px;
font-weight: bold;
text-align: center;

height: 205px;
line-height: 205px;
background: rgba(125, 0, 0, .3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B7D0000
,endColorstr=#4B7D0000);
}

Hello world!

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

DXImageTransform.Microsoft.gradient滤镜里的startColorstr参数值是#AARRGGBB形式的，其中的AA是代表不透明度的十六进制，00表示完全透明，FF就是全不透明，化成十进制的范围就是0~255，剩下的RRGGBB就是颜色的十六进制代码。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的红色背景。如何把30%的不透明度转换成十六制呢？很简单，先计算#AA的的十进制x，x/255 = 3/10，解得x=3*255/10，然后再把x换算成十六进制，约等于4B。

下面附上示例中用到的图片：

作者：周明智
文章部分内容来自：RGBa Browser Support

赞 (0)

相关推荐

  • php Hex RGB颜色值互换的使用

    复制代码 代码如下: <?phpecho implode ( ",", HexToRGB ( "#F7F7DA" ) ) . "<br/>";echo RGBToHex ( "rgb(247,247,218)" )?><?php function HexToRGB($colour) {    if ($colour [0] == '#') {        $colour = substr ( $

  • RGB颜色值转HTML十六进制(HEX)代码的JS函数

    复制代码 代码如下: //转到固定长度的十六进制字符串,不够则补0 function zero_fill_hex(num, digits) { var s = num.toString(16); while (s.length < digits) s = "0" + s; return s; } //妈的,怎么都没搜到怎么用javascript找出一个背景色的数值,只好自己解析 function rgb2hex(rgb) { //nnd, Firefox / IE not the

  • PHP实现将颜色hex值转换成rgb的方法

    本文实例讲述了PHP实现将颜色hex值转换成rgb的方法.分享给大家供大家参考,具体如下: function hex2rgb( $colour ) { if ( $colour[0] == '#' ) { $colour = substr( $colour, 1 ); } if ( strlen( $colour ) == 6 ) { list( $r, $g, $b ) = array( $colour[0] . $colour[1], $colour[2] . $colour[3], $co

  • JavaScript 十六进制RGB色码转换器

    十六进制RGB色码转换器 风越ASP代码生成器 255) x=255 if(x =0 && curD.style.pixelLeft255){ curD.style.pixelLeft=255; //alert("Sorry, but you can not have RGB values that are over 255!") eval(curD.value+"_value").innerHTML=curD.style.pixelLeft } i

  • javascript实现rgb颜色转换成16进制格式

    自己试过很好用 function zero_fill_hex(num, digits) { var s = num.toString(16); while (s.length < digits) s = "0" + s; return s; } function rgb2hex(rgb) { if (rgb.charAt(0) == '#') return rgb; var ds = rgb.split(/\D+/); var decimal = Number(ds[1]) *

  • php Imagick获取图片RGB颜色值

    很多图片站点都会根据用户上传的图片检索出图片的主要颜色值,然后在通过颜色搜索相关的图片. 之前按照网上的方法将图片缩放(或者马赛克)然后遍历每个像素点,然后统计处RGB次数最多的值,这做法效率太低而且取到的RGB值不够精确.之后才发现使用Imagick的quantizeImage方法能够很方便的取到图片中平均的RGB值. $average = new Imagick("xiaocai.jpg"); $average->quantizeImage( 10, Imagick::COL

  • Android-如何将RGB彩色图转换为灰度图方法介绍

    Android-如何将RGB彩色图转换为灰度图方法介绍

    实例:RGB2Grey 项目运行效果图:          源代码: [java] public class MainActivity extends Activity { /* (non-Javadoc)     * @see android.app.Activity#onCreate(android.os.Bundle)     */     @Override     public void onCreate(Bundle savedInstanceState) {         sup

  • rgboard 3.0.12 远程文件包含漏洞

    vul code: \include\bbs.lib.inc.php: if (!defined('BBS_LIB_INC_INCLUDED')) { define('BBS_LIB_INC_INCLUDED', 1); // *– BBS_LIB_INC_INCLUDED START –* if(!$site_path) $site_path='./'; require_once "{$site_path}include/lib.inc.php"; //$site_path没有过滤直

  • javascript实现十六进制颜色值（HEX）和RGB格式相互转换

    在日常开发中,经常会用到不同格式的颜色域值之间的相互转换,以下给出一种解决方法. 复制代码 代码如下: //十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; /*RGB颜色转换为16进制*/ String.prototype.colorHex = function(){     var that = this;     if(/^(rgb|RGB)/.test(that)){         var aColor = th

  • RGB和YUV 多媒体编程基础详细介绍

    RGB和YUV 多媒体编程 一.概念 1.什么是RGB? 对一种颜色进行编码的方法统称为"颜色空间"或"色域".用最简单的话说,世界上任何一种颜色的"颜色空间"都可定义成一个固定的数字或变量.RGB(红.绿.蓝)只是众多颜色空间的一种.采用这种编码方法,每种颜色都可用三个变量来表示-红色绿色以及蓝色的强度.记录及显示彩色图像时,RGB是最常见的一种方案. 2.什么是YUV? YUV是被欧洲电视系统所采用的一种颜色编码方法(属于PAL),是PAL和

随机推荐