怎么让div透明,上面的文字不透明?

html-css016

怎么让div透明,上面的文字不透明?,第1张

设置div透明度的时候可能会遇到这样一个问题,那就是对象中的文字也被产生了透明现象,也不能说事缺陷,也可能有时候需要这样的效果。这里就介绍一下如何将对象设置为透明效果,但是文字不透。

rgba(),css3里才有的,所有只有支持css3的浏览器才支持,a是指透明度,取值0.0-1。

如果用opacity就感觉文字也透明了。影响外观,阅读。

还有一种兼容的方法,主要兼容不支持使用rgba()格式值的浏览器。

DIV本身就是块级元素,不需要设置。

如果想要行内元素变成块级元素:display:block

如果想要块级元素变成行内元素:dispaly:inline。

.div{

opacity:1

transition:opacity 4s

}

.div:hover{

opacity:.05

}

楼上的说的知识如何做透明,这个网上搜索一下满大街都是~人家问的可不是这个问题

其实很简单的,既然你想做到背景层透明,文字不透明~那就简单了,只要你把这两个层分开就可以了,背景层处于最下面,然后透明,文字层在背景层上面不做任何效果处理,你要的效果就出来了~你可以使用绝对位置与相对位置来控制~我只告诉你思路你可以自己想想哦~