Выпадающее меню Прозрачность не будет работать

Question

Я использую отзывчивую тему для Drupal 7, и я не могу показать, что прозрачная прозрачность работает. Я использовал оба метода, чтобы сделать элементы прозрачными и не работал.

первый -

#main-menu li li a, 
#main-menu li li a:link, 
#main-menu li li a:visited { 
    background-color: none; 
    background: rgb(0, 16, 38); 
    background: rgba(0, 16, 38, 0.75); 
    border-top-width: 0; 
    color: #fff; 
    font-size: 14px; 
    padding: 10px 10px; 
    text-transform: none; 
    width: 85px; 
    font-weight: 400; 
} 

второй - сделал прозрачное изображение в фотошопе

#main-menu li li a, 
#main-menu li li a:link, 
#main-menu li li a:visited { 
    background-color: none; 
    background-image: url('images/transparent.png'); 
    background-repeat: repeat; 
    border-top-width: 0; 
    color: #fff; 
    font-size: 14px; 
    padding: 10px 10px; 
    text-transform: none; 
    width: 85px; 
    font-weight: 400; 
} 

По некоторым причинам я не могу удалить цвет фона через мой CSS, даже с фоном установлен на нет (да попробовали удалить его полностью, используя! важный и прозрачный).

Я думаю, что часть проблемы заключается в том, что фактическая базовая тема не позволит вам иметь цвет фона подменю, равный ничто, но я искал через php и не смог найти ничего, что будет объявлять фон для захвата цвета по умолчанию. Есть предположения?

Вот скриншот

Answer 1

В инспекторе в Chrome я добавил в следующем стиле:

#main-menu li ul li a { 
    background: red !important; 
    opacity: 0.5; 
} 

Этот изменил sub nav для меня. Похоже, вам не хватает ul в селекторах. Попробуйте изменить его к этому:

#main-menu li ul li a, 
#main-menu li ul li a:link, 
#main-menu li ul li a:visited { 
    background: rgb(0, 16, 38); 
    background: rgba(0, 16, 38, 0.75); 
    border-top-width: 0; 
    color: #fff; 
    font-size: 14px; 
    padding: 10px 10px; 
    text-transform: none; 
    width: 85px; 
    font-weight: 400; 
} 

Answer 2

Установите прозрачный цвет для background-color:

background-color: transparent; 

DEMO

---

Допустимые значения для этого свойства :

• цвет
• прозрачный
• унаследуют

Source

Answer 3

После совсем немного времени (и много помощи от вас, ребята @spacebeers & Гисом Дидье) Я понял, решение.

Был создан файл php с именем colors.inc, который переопределял все цвета на сайте. Он был скрыт в папке и помечен неправильно, поэтому я пропустил это. Я буквально удалил весь файл, чтобы он дал мне свободный диапазон по всем цветам. Затем я использовал код космических аппаратов выше, и он работал как шарм. Вот новый скриншот: