css半透明效果

最新推荐文章于 2024-08-31 09:27:14 发布

原创最新推荐文章于 2024-08-31 09:27:14 发布 · 229 阅读

1 ·

CC 4.0 BY-SA版权

html/css 专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css半透明效果</title>
<style type="text/css">
.apaha{
 background: #fff;/*IE的背景色*/
 filter:alpha(opacity:30); /*IE*/
 background:rgba(0, 0, 0, 0.5);/*FF*/
 }
 
.no{
 background: #fff;/*IE的背景色*/
 background:rgba(0, 0, 0, 0.5);/*FF*/
}
</style>
</head>
<body >
 <div class="no">不透明</div>
 <div class="apaha">css半透明效果<div>
 
</body>
</html>