CSS3实现背景色半透明

转自：http://www.cnblogs.com/hongru/archive/2010/10/06/1844759.html

针对只要背景色透明的东东，应该有另一种办法，就是css3的rgba属性结合ie的gradient滤镜

.bg-translucent{

background :rgba( 0 , 0 , 0 , 0.5 ); /*前三个参数为rgb颜色，第四个参数为透明度*/

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr= #7F0000 00,endcolorstr= #7F0000 00); /*#7F000000的前两位为16进制透明度，后六位为16进制颜色*/

}

CSS3实现背景色半透明相关推荐

CSS常用背景属性（背景颜色、背景图片、背景平铺、背景位置、背景附着、背景色半透明、背景属性复合写法）
本博文记录CSS中比较常用的背景属性,包括背景颜色:background-color.背景图片:background-image.背景平铺:background-repeat.背景位置:backgro ...
CSS3制作文字半透明倒影效果
CSS3制作文字半透明倒影效果 /*------------------ITEYE 祈祷幸福(http://qidaoxingfu.iteye.com)原创转载请注明---------------- ...
IE8-下背景色半透明滤镜在jquery动画中失效问题记录
前两天,UIer跟我说,把这些按钮都悬浮在这个图片上!我心中千万头草泥马奔过,图片各种各样.花花绿绿.五颜六色的,这几个按钮也没有多大的光环围绕,用户一眼看上去恐怕会以为这是图片的一部分吧!~~~我假 ...
CSS3实现背景色一半红一半白
需求给定一个div的宽度和高度,设置它的背景,使它的背景色一半是红色,一半是白色. 分析可以使用CSS3中的渐变来实现这个需求. 代码废话不多说,直接上代码了. <!DOCTYPE htm ...
Android下布局加边框指定背景色半透明
文章转自:http://www.cnblogs.com/bavariama/archive/2013/09/25/3338375.html 背景设置为自定义的shape文件: <!-- < ...
关于背景色半透明的实现
.translucent{background:#000;opacity: 0.5;filter: progid:DXImageTransform.Microsoft.alpha(opacity=50 ...
css只设置背景图片半透明,css3实现背景图片半透明内容不透明的方法示例
上一个博客做登陆的页面是遇到的问题,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧. 效果展示: 内容半透明内容不透明最常见的做法事设置元素的opacity,这种设置 ...
css3制作八棱锥_CSS基础八部分-第二部分
emmet语法 1.简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法. 2.快速生成HTML结构语法生成标签直接输入 ...
CSS3基础一篇完结（豪豪的备忘录）
css索引绪论 css简介 ⭐css语法规范 css代码风格: css基础选择器标签选择器: 多类名选择器 id选择器 ⭐通配符选择器 ⭐选择器总结字体大小字体粗细字体的综合写法字体总结 ...

CSS3实现背景色半透明

CSS3实现背景色半透明相关推荐

最新文章

热门文章