css3透明度 css3透明度属性

css3如何将图片背景透明化

实现透明的css方法通常有以下3种方式（以下是不透明度都为80%的写法）

css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8

css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8)

IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filter:Alpha(opacity=80)

HTML里面如何做到控件、文字半透明

filter:alpha(opacity=50); /*IE*/ -moz-opacity:0.5; /*火狐*/ opacity:0.5; /*opera (CSS3标准)*/ 1. Alpha：设置透明度 Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。

FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。StartX和StartY：代表渐变透明效果的开始X和Y坐标。FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。

css颜色透明度百分比怎么写

opacity可以用来设置元素背景的透明度；它需要0~1之间的值。0表示完全透明（opacity:0）；1表示完全不透明（opacity:1）；0.5表示半透明（opacity:0.5）；

为了实现透明效果，IE8及其以下的浏览器需要使用如下标签代替：

alpha(opacity=透明度)透明度选择一个0~100之间的值。

0表示完全透明（filter:alpha(opacity=0);）;

100表示完全不透明（filter:alpha(opacity=100);）;

50表示半透明（filter:alpha(opacity=50);）

这种方式支持IE6。

filter:alpha(opacity=50);

js如何设置背景颜色越来越透明透明

你好，可以使用setInterval函数和rgba颜色值来实现背景颜色逐渐变透明的效果。具体实现如下：

1. 在HTML文件中创建一个div元素，并设置其id为“background”。

2. 在JavaScript文件中获取该div元素，并定义一个变量来表示当前透明度。

3. 使用setInterval函数来设置一个定时器，每隔一段时间就将当前透明度减小一定值，并将其作为rgba颜色值的alpha通道值，然后将该颜色值设置为div元素的背景色。

4. 当透明度小于等于0时，清除定时器。

代码示例：

HTML文件：

```html

<div id="background"></div>

```

JavaScript文件：

```javascript

var background = document.getElementById("background");

var opacity = 1;

var interval = setInterval(function() {

opacity -= 0.1;

background.style.backgroundColor = "rgba(0, 0, 0, " + opacity + ")";

if (opacity <= 0) {

clearInterval(interval);

}

}, 100);

```

在上述代码中，每隔100毫秒就将当前透明度减小0.1，然后将其作为rgba颜色值的alpha通道值，最后设置为div元素的背景色。当透明度小于等于0时，清除定时器，停止背景色的变化。