부분적으로 투명한/낮은 불투명도 탐색 막대?

나는이 디자인을 구현하는 웹 사이트의 튜토리얼, 유튜브 비디오 및 소스 코드를 살펴 봤지만 끝내지 못한다. 만들려는 탐색 모음 유형의 이미지를 얻습니다. 어떤 도움부분적으로 투명한/낮은 불투명도 탐색 막대?

.nav { 
     width: 100%; 
     border: 1px solid #ccc; 
     color: #fff; 
     border-right: none; 
     background-color: rgba(1, 1, 1, 0.6); 
     color: rgba(1, 1, 1, 0.8); 
}

감사 : 여기에 탐색 모음에 대한 내 CSS는

<div class="nav"> 
    <ul> 
     <li><a href="#">Notes</a></li> 
     <li><a href="#">Classes</a></li> 
     <li><a href="#">Works</a></li> 
     <li><a href="#">Research</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Contact</a></li> 
    </ul>

입니다 : http://imgur.com/BHavGXg

여기에 네비게이션 바의 내 HTML입니다. 나 자신과 같은 초심자로부터 크게 감사드립니다.

출처

2014-11-28 Richard

백그라운드 속성을 재정의하는 다른 클래스가 있는지 확인하십시오. –

메이트, 여기서 질문은 무엇입니까? 나는 도울 것입니다, 또는 모든 사람들이 그렇다고 생각합니다.하지만 당신이 이것을 막지 못하게하는 것은 명확하지 않습니다. 누군가가 당신을 위해 모든 것을 쓰길 원하십니까? – Rikki

아니, 문제가 될지도 모를 몇 가지 힌트가 필요해 ..... – Richard

탐색 및 텍스트에 대해 다른 클래스를 만들어야합니다. 탐색기를 투명하게하려면 속성을 사용하십시오.

opacity: (Insert value);

희망이 있습니다.

출처

2014-11-28 03:41:54

가이드와 도움에 감사드립니다! – Richard

부분적으로 투명한/낮은 불투명도 탐색 막대?

답변

관련 문제