Sass/Compass-转换十六进制，RGB，或命名的颜色到RGBA。-Sass/Compass-ConvertHex,RGB,orNamedColortoRGBA

154  

Use the rgba function built into Sass

使用内置的rgba函数。

Sets the opacity of a color.

设置颜色的不透明度。

Examples:

例子:

rgba(#102030, 0.5) => rgba(16, 32, 48, 0.5)
rgba(blue, 0.2) => rgba(0, 0, 255, 0.2)

rgba(# 102030,0.5)= > rgba(16、32、48 0.5)rgba(蓝色,0.2)= > rgba(0,0,255,0.2)

Parameters:
(Color) color
(Number) alpha — A number between 0 and 1

参数:(颜色)颜色(数字)-在0和1之间的数字。

Returns:
(Color)

返回(颜色):

Code:

代码:

rgba(#ff0000, 0.5); // Output is rgba(255,0,0,0.5);

8  

I use the rgbapng compass plugin

我使用rgbapng compass插件。

rgbapng is a Compass plugin for providing cross-browser* compatible RGBA support. It works by creating single pixel alpha-transparent PNGs on the fly for browsers that don't support RGBA. It uses the pure Ruby ChunkyPNG library resulting in hassle-free installation and deployment.

rgbapng是一个提供跨浏览器兼容RGBA支持的Compass插件。它的工作原理是在不支持RGBA的浏览器上创建单个像素的alpha透明PNGs。它使用纯Ruby ChunkyPNG库，从而产生了无麻烦的安装和部署。

Install

安装

gem install compass-rgbapng

Usage

使用

@include rgba-background(rgba(0,0,0,0.75));

Compiles to:

编译:

background: url('/images/rgbapng/000000bf.png?1282127952');
background: rgba(0, 0, 0, 0.75);

3  

There's also ie-hex-str() for IE's ##AARRGGBB format:

还有IE -hex-str()用于IE的##AARRGGBB格式:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(#fdfdfd)}', endColorstr='#{ie-hex-str(#f6f6f6)}',GradientType=0); /* IE6-9 */

2  

from_hex(hex_string, alpha = nil);

From the documentation:

从文档:

Create a new color from a valid CSS hex string. The leading hash is optional.

从有效的CSS十六进制字符串创建一个新颜色。主要的散列是可选的。