⑴ CSS的透明度怎么设置

css中
filter仅支持ie6以及以上版本,
其余浏览器,包括firefox,chrome,opera,Safari都不支持。
要在这些版本设置透明度,可用opacity属性,
支持的浏览器包括IE 9.0,Firefox,Safari,Chrome,opera。
opacity取值在0到1之间浮动
以下是示例代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>opacity_CSS参考手册_web前端开发参考手册</title>
<style>
h1{margin:10px 0;font-size:16px;}
.test{width:300px;height:150px;padding:10px;background:#050;}
.test2{width:300px;height:150px;margin:-120px 0 0 50px;padding:10px;background:#000;filter:alpha(opacity=50);opacity:.5;color:#fff;}
</style>
</head>
<body>
<h1>下例是一个半透明的效果:</h1>
<div class="test">不透明度为100%的box</div>
<div class="test2">不透明度为50%的box</div>
</body>
</html>

⑵ HTML如何给背景颜色设置透明度

(1)创建一个html文件。如图

⑶ html设置透明度的问题

给你一个史上最全的透明代码,希望多多支持:
*filter:alpha(opacity = 10);-moz-opacity:0.1;opacity:;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)";
本文内容来自虾米站长网,查看更多关于图片的透明度问题可以上虾米站长网。谢谢
希望回答能帮助你,谢谢!
希望对你能有所帮助。

⑷ css中如何设置透明度

怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。

<div class="box"></div>

<style>

.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3;-khtml-opacity: 0.3}

</style>

其中background:#000; filter:alpha(opacity:30); opacity:0.3;为关键代码,当opacity值为1时,表示完全不透明,为0时表示完全透明。

其关的属性介绍如下:

opacity: 0.3;这是“最重要的”,因为它是在CSS的现行标准。这将在Firefox,Safari和Opera的大多数版本的工作。这将是你所需要的一切如果所有的浏览器都支持目前的标准。当然是他们不会错。

filter:alpha(opacity=30);这一个是针对IE浏览器

-moz-opacity:0.3;你需要这一个支持老版本的Mozilla浏览器如Netscape Navigator。

-khtml-opacity: 0.3;这是旧版本的Safari(1.×)当渲染引擎是使用仍被称为kthml,而不是目前的WebKit。

⑸ HTML5怎么设置透明色

问题分析:
HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。
举例如下:
以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。
HTML代码:

123456789

<div id="test-1"> 我是黑色背景,不透明的。</div><div id="test-2"> 我是黑色背景,50%透明度。</div><div id="test-3"> 我是黑色背景,20%透明度。</div>

CSS代码:

123456789101112131415161718
#test-1, #test-2, #test-3{ width: 300px; height: 200px; line-height: 200px; text-align: center; display: inline-block; margin-left: 50px; color: #FFF;}#test-1{ background-color: rgba(0,0,0,1);}#test-2{ background-color: rgba(0,0,0,0.5);}#test-3{ background-color: rgba(0,0,0,0.2);}

⑹ 如何设置 html 字体颜色为透明色

1、首先新建一个html文件,写入基本的html结构,这里写入两个h2标签,其中一个将设置为透明字体,另一个保持不变:

⑺ css怎么设置透明度

有两种:
1、background:#000; opacity:0.5; 这个方法是给盒子背景颜色透明,但盒子里面有内容的话,连内版容也会透明,就是说子元权素会继承上一级的属性
2.background:rgba(0,0,0,0.5); 这个只针对背景颜色,子元素不会继承上一级的属性

⑻ html中设置元素透明度的代码怎么写

html和css一起复才好用~,
你说的制这个需要提到CSS3支持的颜色表达RGBA
之前所有的不管是16进制颜色还是RGB都是全色没有透明通道
RGBA是RGB的升级,指Red,Green,Blue,Alpha(透明度),比如设置背景色:
<div class=test>hahaha</div>

给CSS加进去样式表

<style>
div.test{
padding:20px;
margin:10opx;
background-color:rgba(10%,20%,30%,0.3);//红绿蓝颜色配比,不透明度30%
}
</style>
这就是了,其他的支持#16进制的地方基本上也都可以换上这个表示。
兼容性我不太清楚,你可以到w3school上查找浏览器兼容信息。

⑼ HTML如何给背景颜色设置透明度

为div添加样式。在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高
和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,
透明度参数越小透明度越高。
#test-1,#test-2,#test-3{
width:300px;
height:200px;
line-height:200px;
text-align:center;
display:inline-block;
margin-left:50px;
color:#FFF;
}

#test-1{
background-color:rgba(0,0,0,1);
}
#test-2{
background-color:rgba(0,0,0,0.5);
}
#test-3{
background-color:rgba(0,0,0,0.2);
}