1、实现背景透明，文字不透明==> rgba() 实现思路：给背景图片这个的父元素加个跟它一样宽高的子元素，从而达到让子元素的背景从父元素中抽离出来，相当于把文字部分单独择出去，让子元素背景单独透明，相对于父元素绝对 2、实现背景、文字都透明 ==> opacity() .bg{ position: ...
分类：
其他好文 时间：
2017-05-12 22:02:08
阅读次数：
153
div{ background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/ background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/ } ...
分类：
Web程序 时间：
2017-05-11 14:33:05
阅读次数：
204
1.背景透明兼容所有浏览器。 .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 2.背景透明，文字不透明。 div{background:rgba ...
分类：
Web程序 时间：
2017-04-27 12:35:12
阅读次数：
189
很多刚入门的前端同学在切页面的时候会遇到一个需求，就是让某个区块的元素设置一个透明度。如下图： 大多数同学会采用opacity这个css样式属性，但是用它的话会导致一个问题，图中的文字也会变成透明的了。因为这个样式是会传递给父元素包裹的自元素。 那么我们换种实现方法看看效果如何，我们用<!--?xm ...
分类：
其他好文 时间：
2017-04-21 17:54:23
阅读次数：
130
之前做项目的时候，用opacity属性，但是这个属性用后，不但背景会半透明，背景上的文字也会变成半透明。 显然用opacity属性实现这个效果是不可取的。 在css3中我们可以用 background-color:rgba(); 来实现，rgb是背景要显示的颜色，a则是背景的透明度，从而实现我们想要 ...
分类：
Web程序 时间：
2017-02-10 14:58:01
阅读次数：
215
11.11是公司成立的日子，16岁啦，我呢3岁半，感谢公司给了这样一个平台，让我得以学习和成长，这里祝愿公司发展越来越好~ 进入主题，每年11月11号是光棍节，产生于校园，本来只是一流传于年轻人的娱乐性节日，以庆祝自己仍是单身一族为骄傲，而如今是各大商家以脱光为由打折促销的时期，成为了所谓的”购物节 ...
分类：
Web程序 时间：
2016-12-15 07:09:42
阅读次数：
369
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外 ...
分类：
Web程序 时间：
2016-10-19 19:31:58
阅读次数：
139
css3.0新增颜色模式 实例: 背景透明，文字不透明 问题：注意边框颜色透明有问题 （2）Hsl颜色模式‘ 文字阴影:text-shadow 参数： x 横向偏移 y 纵向偏移 blur 模糊距离 color 阴影颜色文字阴影应用 几个文字阴影的例子： 层叠文字： 浏览器显示效果 光晕效果： /* ...
分类：
其他好文 时间：
2016-06-18 18:40:55
阅读次数：
170
最近在做项目的时候遇到实现背景透明文字不透明的解决方法要求的兼容性是ie8+ 1.大家豆知道background:rgba(),可以实现背景透明文字不透明但是ie8 不支持background:rgba(); 如果不考虑ie 8 我们可以直接rgba就解决了 2.如果考虑ie8 我的做法是，先说我的 ...
分类：
其他好文 时间：
2016-05-14 21:30:10
阅读次数：
183
