opacity属性怎么用

2024-01-17 15:11 小编

CSS3opacity属性

作用:检索或设置对象的不透明度。

语法:

opacity:value|inherit;

value:规定不透明度。从0.0(完全透明)到1.0(完全不透明)。

inherit:应该从父元素继承opacity属性的值。

说明:对于尚不支持opacity属性的IE浏览器可以使用IE私有的滤镜属性来实现与opacity相同的效果。

CSS3opacity属性的使用示例

示例1:

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<title></title>

<style>

h1{

margin:10px0;

font-size:16px;

}

.test,

.test2{

width:300px;

height:150px;

padding:10px;

}

.test{

background:#050;

}

.test2{

margin:-120px0050px;

background:#000;

filter:alpha(opacity=50);

opacity:.5;

color:#fff;

}

</style>

</head>

<body>

<h1>下例是一个半透明的效果:</h1>

<div>不透明度为100%的box</div>

<div>不透明度为50%的box</div>

</body>

</html>


image.png



Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码