html背景色透明
⑴ 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>
⑵ 用css实现div的黑色透明
现在比较稳妥的做法是做一个半透明的黑色PNG图片,然后把它作为背景,因为单纯用CSS来写回,在IE8及以下版本答里面是不生效的。当然如果一定要用CSS来实现的话,也容易,可以直接设置这个元素的透明度,例如下面这样:
background:#000; opacity: 0.8;
也可以直接设置背景色为透明色,例如:
background:rgba(0,0,0,0.8);
这也是楼上的方法,相对而言这个方法还是比较简洁的,只是会遇到一点点浏览器兼容的问题罢了。
⑶ css里怎么给背景图片变透明点 给图片的div加什么代码才能实现呢
1、新建html文档,在body标签中添加一个img标签,这时默认情况下图片是不透明的:
⑷ 如何设置HTML图片的背景颜色为透明的
1、首先新建一个记事文本,重新命名背景颜色.html,按回车确认,如下图所示。版
⑸ CSS怎么设置让背景颜色透明,而文字不透明
1、首先我们新建一个html文件,添加一个DIV,设置宽度和高度,以及背景色填充为红色。
⑹ css怎么可以只让背景透明 文字不透明
1、首先新建一个html文件,添加一个DIV,设置宽度和高度,以及背景色填充为红色。
⑺ 如何设置HTML图片的背景颜色为透明的
需要准备的材料分别有:电脑、chrome浏览器、html编辑器。
1、首先,打开html编辑器,新建回html文件,例如:index.html,编写问题基础代码答。
⑻ 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);
}
⑼ 再HTML中如何设置一个表格的背景色为透明的
1、首先创建一个基础的html文件,并根据下图录入代码。
⑽ Html表格背景颜色透明度怎么调,只用HTML和css
html中设置背景和背景颜色的透明度有两种方式:
1.通过rgba方式设置
例如: background:rgba(0,0,0,.5);
优点:可对回任意颜色设置透明答度
缺点:存在兼容性问题:针对IE9以下浏览器不兼容
2.通过backgroud和opacity设置
例如:background:#000000;
opacity:0.6;
优点:兼容性好
缺点:只针对于背景颜色设置透明度。