css 父层 透明 子层不透明Alpha

html代码

<div class="user2-register-bg">
            <div class="user2-register-con">
                1111
            </div>
        </div>

css代码

.user2-register-bg{padding: 10px;padding: 10px;background:rgba(0,0,0,0.3)!important;background:#000;filter:Alpha(opacity=30); margin-top: 30px;}
.user2-register-con{height:500px; background:#fff;  position:relative; }

注意这两个位置

时间： 2025-01-03 16:23:32

css 父层 透明 子层不透明Alpha的相关文章

css实现子层在父层中水平垂直居中

例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont

css 透明 文字不透明

用两个DIV 作为容器实现 Firefox chrome IE6+ 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head>

透明层上的层或数字不透明

background:rgba(0,0,0,0.3) none repeat scroll  0 0 !important;    //大多数浏览器实现透明,使用这种方法,层内的层和数字不透明 filter:alpha(opacity=30);background:#000;   //IE实现透明 /*下面一种方法可以实现透明层,但是层内的层和字也是透明的*/ filter:alpha(opacity=30);background:#000; opacity:0.35;        //FF实

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:500p

【css】jquery.pngFix.js解决透明问题

/** * -------------------------------------------------------------------- * jQuery-Plugin "pngFix" * Version: 1.2, 09.03.2009 * by Andreas Eberhard, [email protected] * http://jquery.andreaseberhard.de/ * * Copyright (c) 2007 Andreas Eberhard *

css背景透明文字不透明

测试背景透明度为0.3.文字不透明: background-color: #000; /* 一.CSS3的opacity */ opacity: 0.3; /* 兼容浏览器为:firefox,chrome,IE9+ 文字也跟着透明*/ /* 二.CSS3的rgba */ background: rgba(0, 0, 0, 0.3); /* 兼容浏览器为:firefox,chrome,IE9+ 其中IE8,IE7,IE6解析为背景全透明 文字不透明 */ /* 三.IE专属滤镜 */ filter

关于实现背景透明文字不透明的解决方案

最近在做项目的时候遇到实现背景透明文字不透明的解决方法要求的兼容性是ie8+ 1.大家豆知道background:rgba(),可以实现背景透明文字不透明但是ie8 不支持background:rgba(); 如果不考虑ie 8 我们可以直接rgba就解决了 2.如果考虑ie8 我的做法是,先说我的做法,再说别人的做法. 3.我的做法是按照设计稿切切一张1px*1px的png透明图片然后background:url(toumingdu.png);这样就会平铺过去,可以很快实现背景透明文字不透明,

DIV CSS遮罩层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DIV CSS遮罩层</title&

CSS 样式层与 渲染引擎 联想

一.CSS 样式层联想 1.IE低版本的非著名兼容问题 1.并非不支持Display: inline-block; CSS2.1版本中对于inline-block的样式定位为:使元素生成一个行内级别的包含块,其内部按块级可以设置宽高,自身按行内框来计算布局. IE 5.5.6.7 .8(Q)几个低版本IE浏览器中支持inline-block,与CSS2.1版本的规范效果有所差异,准确的说是支持的并不完整. 低版本IE中 inline 元素被设置为 inline-block 的效果只需直接设置此属