css背景透明字体不透明

opacity会使所有的子元素都变成透明的，通过RGBa，我们可以将一个元素设置为透明，而不会影响其子元素

现在用rgba可以很好的解决这个问题。

主要是container里面的background:rgba(0,0,0,0.4)这个0.4就是透明度。可以声明一个保留色彩。这个色彩应该是可靠的——所有的浏览器都支持,但IE不支持rgba，IE可以用平常的filter:alpha（opacity=40）来设置，子级要设置position:relative来脱离文档

.con{background:#000; width:293px; background:rgba(0,0,0,0.4); filter:alpha(opacity=40); }
.con .sub{ position:relative; color:#fff; width:100%;}

css背景透明字体不透明相关推荐

CSS 背景人物虚化+字体不虚化
CSS 背景人物虚化+字体不虚化很多时候,设计的背景需要虚化,我们使用到CSS3的属性filter: blur(0.5px); 数值越大,模糊程度越大,图二为图一的模糊,图三图四是优化之后的界面注 ...
CSS设置背景透明字体不透明
写CSS时给容器设置透明度的时候如果使用background-color: #000000; opacity: 0.5;这时会出现容器里的文字也跟着透明.解决办法是不用十六进制的色值和透明度分开写,使 ...
CSS实现背景图片透明文字不透明效果的两种方法
网页设计中经常要在背景图上放一些文字介绍,这就需要背景图片能有透明效果以便突出显示文字信息,经多方查阅,终于找到了2种有趣的方法. 1.在文字层添加rgba样式实现半透明效果方法: 背景图片层添加样 ...
css①字体颜色正常显示，背景透明②字体颜色与背景均为透明的设置方法
①字体颜色正常显示,背景颜色透明 color:#fff; background:rgba(0,0,0,0.5); ②字体颜色与背景颜色均为透明 color:#fff; background:#00 ...
CSS 背景(background)+背景透明(CSS3)
CSS 背景(background) CSS 可以添加背景颜色和背景图片,以及来进行图片设置. background-color 背景颜色 background-image 背景图片地址 backgr ...
css背景透明(css背景透明度怎么设置)
CSS 背景颜色透明怎么弄外层div: background-color: rgba(255, 255, 255, 0.9); /* 白色并且阿尔法通道是0.9*/ 内层div: backgroun ...
背景透明css样式,CSS 背景(background)+背景透明(CSS3)
CSS 背景(background) CSS 可以添加背景颜色和背景图片,以及来进行图片设置. background-color 背景颜色 background-image 背景图片地址 backgr ...
CSS背景颜色设置背景附着背景平铺背景位置背景简写背景透明
CSS背景设置方法及背景附着 1.背景颜色(color) 语法: background-color:颜色值; 默认值是 transparent 透明的 2.背景图片(image) 语法: backgr ...
html+页面的背景透明,css设置背景透明元素不透明
css设置背景透明元素不透明在做前端页面的时候,我们会遇到这样的情况,需要背景为半透明状态,但是层里面的内容不需要为透明的状态.有时候我们设置的时候会出现不管内容还是背景同时都成透明了,如何实现背 ...
css背景渐变透明和方向
css背景颜色渐变透明左到右 background-image: linear-gradient(to left, red, rgba(255, 0, 0, .1)); 右到左 background ...

css背景透明字体不透明

css背景透明字体不透明相关推荐

最新文章

热门文章

css背景透明 字体不透明

css背景透明 字体不透明相关推荐

最新文章

热门文章

css背景透明字体不透明

css背景透明字体不透明相关推荐