0

我有这个网站，我正在尝试向侧边栏添加不透明度，但只有白色部分，其他元素保持 100% 的不透明度。

http://eparquitectos.mx/

这是我的 CSS

我尝试添加

不透明度：0.4；在 .sidebar 中，但所有内容都具有相同的不透明度，包括文本和徽标。

SIDEBAR
*************************************************************************/
.sidebar {
margin: 0;
position: fixed;
padding:50px 0 0 0;
width:220px;
height:100%;
left:50px;
top:0;
}

.sidebar.sidebar_absolute{
left:0;
position: absolute;
}

.sidebar.sidebar_absolute .inner_sidebar{
padding-bottom:67px;
}

.inner_sidebar{
width:220px;
float: left;
}

.fullwidth .sidebar{
display:none;
}

.border-transparent{
position: absolute;
width: 1px;
left: 0;
top: 0;
height: 100%;
}

.border-transparent-right{
left:auto;
right:0;
}

div .border-transparent-top{
height:1px;
width:100%;
}


#top .logo, .logo a{
display:block;
position:relative;
border: none;
padding: 0;
margin:0;
float:left;
text-align: center;
}

#top .logo a, #top .logo a:hover{
top:0;
left:0;
outline:none;
border: none;
}

#top .logo img{
border:none;
margin:0 auto;
max-width: 180px;
}

#top .bg-logo, #top .bg-logo a{
text-indent: -9999px;
height:85px;
width:180px;
}


/*menu*/

.main_menu, #top .main_menu .menu{
line-height:30px;
z-index:300;
clear:both;
width:100%;
position: relative;
}

.main_menu div{
position: relative;
width: 100%;
z-index:300;
}

.main_menu .menu, .main_menu .menu ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px; 
z-index:5;
}

#top .main_menu .menu a{
display:block;
line-height:18px;
outline:medium none;
padding:9px 0;
text-decoration:none;
z-index: 10;
position: relative;
width:100%;
z-index:5;
}

.main_menu .menu li a strong {
display:block;
font-size:14px;
font-weight:normal;
cursor: pointer;
text-transform: uppercase;
}

.main_menu .menu li a span {
display:block;
font-size:11px;
line-height:14px;
color:#999;
cursor: pointer;
position: relative;
}

感谢您的时间。

4

1 回答 1

0

查找 rgba() 属性。它允许您为具有透明度的类似背景指定颜色。

不透明度会影响包括子元素在内的整个元素。我相信您正在寻找的是 rgba()

这是我拥有的一本书的片段解释

Alpha 通道（简称 Alpha）是颜色透明度的度量——与 opacity 属性相反，它是元素透明度的度量。因此，尽管使用 Alpha 的颜色值可以像任何其他颜色值一样由子元素继承，但元素的整体不透明度不受影响。CSS3 在 RGBA 颜色模型中引入了 Alpha 作为值。RGBA 代表 Red、Green、Blue、Alpha，语法与 CSS2 中使用的 RGB 值相同，但 Alpha 值由末尾的额外逗号分隔参数指定：即{ color: rgba(red, green, blue, alpha); }

于 2013-05-18T01:24:18.477 回答