菜鸟学习路，遇到了问题请大神帮忙_html/css_WEB-ITnose

我就想做出来这种效果，用了opacity:0.5;还是不管用啊

回复讨论(解决方案)

贴下你的代码

nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

.index-all{ width:100%; font-family:微软雅黑; height:1000px;}
.logo{width:100%;}
.background{ width:100%;height:60px; background-color:#000;opacity:0.5;}
.logo img{ width:100%;}
.index-nav{ width:100%; margin:auto; height:60px; position:absolute; margin-top:-60px;}
.index-nav ul{ list-style-type:none; margin:auto;width:60%; line-height:50px;}
.index-nav ul li{ float:left; padding-left:3.3%; padding-right:3.3%; color:#FFF;}

     
    
    
         首页
            关于美联
            选车中心
            美联新车
            活动咨询
            买卖流程
            金牌服务
            美联速拍
        
       
    

.background{ width:100%;height:60px; background-color:#000;opacity:0.5; margin-top: -60px;}
这里加一个margin-top:-60px;

background为什么要加margin-top：-60px；他的位置正好和index-nav一平的哦

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">.index-all{ width:100%; font-family:微软雅黑; height:1000px;}.logo{width:100%;}.background{ width:100%;height:60px; background-color:#000;opacity:0.5;}.logo img{ width:100%;}.index-nav{ width:100%; margin:auto; height:60px; position:absolute; margin-top:-60px;}.index-nav ul{ list-style-type:none;  margin:auto;width:60%; line-height:50px;}.index-nav ul li{ float:left; padding-left:3.3%; padding-right:3.3%; color:#FFF;}
    
     
    
    
        
首页
            
关于美联
            
选车中心
            
美联新车
            
活动咨询
            
买卖流程
            
金牌服务
            
美联速拍
        
           

登录后复制

透明度调高点

style中的index-all是什么意思？