htmldiv透明,htmldiv隐藏

http://www.itjxue.com  2023-01-22 11:10  来源:未知  点击次数: 

html-css 中如何让一个DIV的背景色是透明的,但它的内容(文字图片之类的)不是透明的?

html-css 中让一个DIV的背景色是透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0;代码如下:

div id='div1'

div id='div2'

p我是测试文字/p

/div

/div

style

div{

widht:220px;

height:300px;

}

#div1{

background:#fff;

opacity:0;

z-index:10;

}

#div2{

z-index:11;

}

/style

再HTML中如何设置一个表格的背景色为透明的

1、首先创建一个基础的html文件,并根据下图录入代码。

2、从html文件找到body标签,在这个标签里创建一个div标签并添加一个类,在这把这个类设置为:rgba。

3、在title标签后面创建一个style,并设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,透明度参数越小透明度越高。其中R,G,B,分别代表了红,绿,蓝三种颜色。

4、保存后使用浏览器查看,即可看到html的页面中背景的透明度就是设置的0.1。

html 透明度

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、最后运行这就完成了。

html背景透明怎么设置

html-css 中让一个DIV的背景色是半透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0.6;代码如下:

html

head

style

div{

widht:220px;

height:300px;

}

#div1{

background:#fff;

opacity:0.6;

z-index:10;

}

#div2{

z-index:11;

}

/style

/head

body

div id='div1'

div id='div2'

p我是测试文字/p

/div

/div

/body

/html

HTML5怎么设置透明色

问题分析:

HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。

举例如下:

以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。

HTML代码:

123456789

div id="test-1" 我是黑色背景,不透明的。/divdiv id="test-2" 我是黑色背景,50%透明度。/divdiv 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);}

(责任编辑:IT教学网)

更多