当前位置:首页 » 风景景观 » css背景色透明

css背景色透明

发布时间: 2020-11-23 09:33:56

1. 在css中怎样让文字的背景色透明

设置元素的透明度:
-moz-opacity:0.8; /*在Firefox中设置元素透明度
filter: alpha(opacity=80); /*ie使用滤镜设置透明
但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成半透明了。
例如:
<div><p>不透明</p></div>
div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px;
height:500px;color:#F30; font-size:32px; font-weight:bold; }
可以很明显的看出文字也被半透明的,这是我们不想看到的效果。
以前我曾经是绝对定位的方法解决这个问题,也就是现在的p并不是div的子元素。
<div></div>
<p>不透明</p>
这样div的半透明效果也就不会影响到元素p了。最后在将p定位到需要的位置。
但是很多时候这样的标签并不是很合理,有可能还会多浪费几个标签。
下面的这种方法就可以解决上面的问题了:
div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明,文字不透明*/
background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/
width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;}
div p{ position:relative;}/*实现IE文字不透明*/

2. 用css实现div的黑色透明

现在比较稳妥的做法是做一个半透明的黑色PNG图片,然后把它作为背景,因为单纯用CSS来写回,在IE8及以下版本答里面是不生效的。当然如果一定要用CSS来实现的话,也容易,可以直接设置这个元素的透明度,例如下面这样:
background:#000; opacity: 0.8;

也可以直接设置背景色为透明色,例如:
background:rgba(0,0,0,0.8);
这也是楼上的方法,相对而言这个方法还是比较简洁的,只是会遇到一点点浏览器兼容的问题罢了。

3. CSS如何定义DIV背景半透明颜色

  • “长城郭靖”回答的是错的,他答的是让整个元素半透明


  • 只让背景半透明只有一专个办法,就是用rgba颜色属,代码如下

background:rgba(0,0,0,0.5)

解释:这是黑色半透明的代码

前三个值表示颜色的red,green,blue值

最后一个表示alpha值,就是透明度值,不透明为1

(支持IE8+以及所有现代浏览器)


  • 还是不懂的话,可以参考 网络 “rgba”词条 和 “CSS 颜色值”词条

4. css中,怎么写背景图片的透明度

将一个div设置为绝对定位,在这个div下设置背景图片与改变图片透明度。举例:
html :
...<div id="content"><h1>Hello world!</h1></div> <div id="background"></div>...
css:
#background{ width:100%;height:100%;position:absolute;top:0px;opacity: 0.6;background-image: url(test.jpg);background-size: 500px 500px;}
亲测能看到效果。

5. CSS 的颜色代码 透明色是什么代码

透明色:transparent

背景色设为透明,代码如下:background-color:transparent;

字体版颜色设为透明,代码如下:color:transparent;

(5)css背景色透明扩展阅读:

常用权颜色代码分4种,分别如下:

1、常用颜色单词,比如green(绿色),yellow(黄色),red(红色),transparent(透明色)等;

2、以#号开头的六个字符组成的颜色代码,比如:#FF0000(红色),#000000(黑色),#F9F900(黄色)等;

4、rgba(参数1,参数2,参数3,参数4),这种方式前三个参数与上面第3点种相同,第四个参数表示透明度,数值在0-1之间。0表示透明度为0(即透明色),1表示透明度为1(百分百)。

6. 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);
}

7. DIV 背景色透明,我用CSS代码: filter:alpha(opacity=50);这样写背景是透明了,

<style>
*{ margin:0; padding::0;}
#div1{width:300px; height:200px; position:relative; }
. pos{ background:black; filter:alpha(opacity:30);opacity:0.3; height:100%;position:absolute;width:100%;top:0; z-index:1 }
.box { width:300px; height:20px; background:blue; position:absolute; bottom; top:0;z-index:0; }
</style>
</head>

<body>
<div id="div1">
<div class="pos"></div>
<div class="box">这里是内容部分</div>
</div>
</body>

8. css怎样仅设置div元素背景透明度,而不设置div元素里面元素的透明度

设置div元素背景透明度,而不设置div里面元素透明度的方法:创建静态页面插入回一个div和十个子div-类选择器和元素答选择器设置div标签-打开浏览器预览-使用nthoftype设置div元素-保存打开浏览器预览。具体方法如下:

1、在openhbuilderx工具中,创建一个新的静态页面并插入一个div和十个子div。


注意事项:

一般来说,我们可以使用CSS的opcity属性来改变一个元素的透明度,但是它的子元素的透明度也会改变,即子元素被重新定义了。例如:<div style="opacity:0.4; background-image:url(...);"><div style="opacity:1.0;">显示文字</div></div>文字元素的透明度也会是0.4。

9. css里怎么给背景图片变透明点 给图片的div加什么代码才能实现呢

1、新建html文档,在body标签中添加一个img标签,这时默认情况下图片是不透明的:

10. CSS中背景颜色透明度如何设置

opicaty:50; // 0-100为透明值 100为不透明

不过,ie8及以下不识别,
所以要针对它们再写一句
filter:alpha(opacity=50);

热点内容
一部国外电影,一个老男人骑个摩托车 发布:2024-08-19 09:13:10 浏览:920
脖子上有睾丸是什么电影 发布:2024-08-19 09:03:17 浏览:374
变形金刚撒谁家的 发布:2024-08-19 08:43:06 浏览:478
美国男电影双胞胎 发布:2024-08-19 08:42:20 浏览:764
黑人橄榄球少年收养电影 发布:2024-08-19 08:25:26 浏览:918
夏目哉大片 发布:2024-08-19 08:09:22 浏览:806
他第一部出演的电视剧是,的英语 发布:2024-08-19 08:07:54 浏览:654
电影检索 发布:2024-08-19 07:48:52 浏览:198
谁有视频 发布:2024-08-19 07:41:55 浏览:141
成龙香港鬼片电影大全 发布:2024-08-19 07:39:46 浏览:223