Как сделать панель навигации прозрачной оптимизировать пресс

Question

Я работаю с wordpress, используя оптимизированный плагин для печати. Я пытаюсь сделать мой бар наверху, где навигация белая, становится прозрачной.

Что я пытался первоначально было изменить цвет панели к прозрачному с помощью

.banner { 
     padding: 2px 0; 
    background-color: transparent; 

} 

он работает, но не полностью, так как бар возвращается к цвету фона, который является белым его еще так не 100% прозрачный.

Я думаю о том, чтобы отделить планку и поместить ее на фоновое изображение под своим o, он будет прозрачным над фоновым изображением. , но не знаю, как это сделать, может ли кто-то помочь.

я JST нужду, чтобы получить полосу в верхней части, чтобы быть прозрачным

рассматриваемый сайт для справки

Ref site

Answer 1

я думаю, что вы ищете для этого

.banner { 
    padding: 2px 0; 
    background: transparent; 
    position: absolute; 
    left: 0; 
    right: 0; 
} 

Answer 2

• Свойство прозрачности определяет непрозрачность/прозрачность в элемента ,
• Свойство opacity может принимать значение от 0.0 до 1.0. Чем ниже значение, тем более прозрачным

Например: Вы можете попробовать это

.banner { 
     padding: 2px 0; 
     opacity: 0.6; 

} 

Answer 3

Я применил этот CSS на данном URL и оно работает. Итак, вы должны применить CSS к классу баннера.

.banner { 
    padding: 2px 0; 
    position: absolute; 
} 

Тогда ваша барьерная доска будет черной. вы можете присвоить цветному белку ярлыку якоря, чтобы навигационное меню выглядело белым. В данном URL-адресе вы должны применить CSS к этому классу

body .container .navigation ul li a{ 
color: white; 
}