我有一个问题...我的头部类(class)如下所示:
.header{
background-color:#626262;
width:250px;
height:745px;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
这个类里面包含了以下这些类...
.logo{
background-color:#626262;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
color:#FFF;
font-size:28px;
padding-top:125px;
margin-left:20px;
}
.navigation{
background-color:#626262;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
color:#FFF;
margin-left:20px;
text-align:left;
margin-bottom: 125px;
}
.navigation ul{
list-style:none;
padding-left:0;
padding-top:35px;
}
.navigation ul li{
padding-bottom:20px;
font-size:24px;
}
.navigation li a{
color:#FFF;
text-decoration:none;
}
.social{
width:100%;
font-size:18px;
height: 50px;
line-height: 72px;
padding-right: 10px;
}
.social ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 8px;
}
.social li {
float: left;
}
.social ul .facebook a {
color: #FFFFFF;
display: block;
text-decoration: none;
background-image: url(http://jamessuske.com/karl/images/facebook.png);
background-position: center right;
background-repeat: no-repeat;
padding-right:65px;
}
.social ul .facebook a:hover {
background-image: url(http://jamessuske.com/karl/images/facebook_hover.png);
}
.social ul .twitter a {
color: #FFFFFF;
display: block;
text-decoration: none;
background-image: url(http://jamessuske.com/karl/images/twitter.png);
background-position: center right;
background-repeat: no-repeat;
padding-right:70px;
}
.social ul .twitter a:hover {
background-image: url(http://jamessuske.com/karl/images/twitter_hover.png);
}
.social ul .pinterest a {
color: #FFFFFF;
display: block;
text-decoration: none;
background-image: url(http://jamessuske.com/karl/images/pinterest.png);
background-position: center right;
background-repeat: no-repeat;
padding-right:70px;
}
.social ul .pinterest a:hover {
background-image: url(http://jamessuske.com/karl/images/pinterest_hover.png);
}
这些图层的透明度被降低到了0.4…我的问题是如何使这些图层不再有0.4的透明度?希望我的表述清晰…你可以参考http://www.yourthirdeye.ca/上的例子。