html 透明度

 我来答

6个回答

#热议# 为什么说不要把裤子提到肚脐眼？

电子数码小百科NW
2020-02-14 · TA获得超过6493个赞

知道答主

回答量：15

采纳率：0%

帮助的人：4038

我也去答题访问个人页

关注

展开全部

1、首先创建一个html文件。

2、在html文件找到一个<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba。如图代码：<div class="rgba"></div>。

3、为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，参数越小透明度越高。代码：<style type="text/css">.rgba{background-color: rgba(0,0,0,0.5);height:200px;}</style>。

4、保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。

5、最后运行这就完成了。

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生... 点击进入详情页

本回答由博思aippt提供

大野瘦子

高粉答主

2019-07-14 · 繁杂信息太多，你要学会辨别

知道小有建树答主

回答量：1227

采纳率：100%

帮助的人：34.3万

我也去答题访问个人页

关注

展开全部

html 透明度，是由 css 控制的。

html{

filter:alpha(opacity=50); /* ie 有效*/

-moz-opacity:0.5; /* Firefox 有效*/

opacity: 0.5; /* 通用，其他浏览器有效*/

}

文字不透明，就要单独设置：

div{

filter:alpha(opacity=100); /* ie 有效*/

-moz-opacity:1; /* Firefox 有效*/

opacity: 1; /* 通用，其他浏览器有效*/

}

扩展资料：

注意事项

指定透明度的属性是opacity,属性值从 0.0 到 1.0。值越小，越透明

设置 div 元素的不透明级别：

div

{

opacity:0.5;

}

结果

测试 CSS3 opacity 属性的不透明度处理

</div>

测试 CSS3 opacity 属性的不透明度处理

</div>

测试 CSS3 opacity 属性的不透明度处理

</div>

本回答被网友采纳

已赞过 已踩过<

评论收起

匿名用户
推荐于2017-05-16

展开全部

html 透明度，是由 css 控制的。

html{
filter:alpha(opacity=50); /* ie 有效*/
-moz-opacity:0.5; /* Firefox 有效*/
opacity: 0.5; /* 通用，其他浏览器有效*/
}
------------------
谢谢哦

更多追问追答

追问

我想要的是背景透明，文字跟图片不透明。

追答

opacity 会继承。
文字不透明，你就要单独设置：
div{ 
filter:alpha(opacity=100);  /* ie 有效*/
	-moz-opacity:1; /* Firefox  有效*/
	opacity: 1; /* 通用，其他浏览器  有效*/
 }

本回答被网友采纳

已赞过 已踩过<

评论收起

百度网友66c55b2
2011-07-21 · TA获得超过1866个赞

知道小有建树答主

回答量：3035

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

CSS有优先级

容器也有

和纸被烧了, 纸上的字也会没一个道理

想要实现你说的效果, 就用两张纸, 一张设为100% 放下边
表格40% 浮在上边

<div style="position:absolute;left:100;top:100;width:300px;height:200px;filter:alpha(opacity=40,style=0);z-index:2">
<table border=1>
<tr>
<td width=25%> </td>
<td width=25%> </td>
<td width=25%> </td>
<td width=25%> </td>
</tr>
<tr>
<td width=25%> </td>
<td width=25%> </td>
<td width=25%> </td>
<td width=25%> </td>
</tr>
</table>
</div>
<div style="position:absolute;left:100;top:100;width:300px;height:200px;z-index:1;">
<table cellpadding=1 cellspacing=4>
<tr>
<td width=25%>1</td>
<td width=25%>2</td>
<td width=25%>3</td>
<td width=25%>4</td>
</tr>
<tr>
<td width=25%>5</td>
<td width=25%>6</td>
<td width=25%>7</td>
<td width=25%>8</td>
</tr>
</table>
</div>