2012-06-22 206 views
3

我使用drupal 7的高級響應主題,我似乎無法使下拉透明度工作。我已經使用了使物品透明並且都不起作用的兩種方法。下拉菜單透明不起作用

月1日 -

#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; 
} 

2日 - 在Photoshop

#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刪除背景色,即使有背景設置爲none(是的,我試圖徹底刪除它,使用!重要,透明)。

我認爲問題的一部分是,實際的基本主題不會讓你有子菜單背景顏色等於沒有,但我已經通過PHP搜索,並沒有能夠找到任何東西將聲明背景以獲取默認顏色。有什麼想法嗎?

這裏是一個屏幕截圖 Menu Transparency Screenshot

+0

你試過申請!重要的背景? – SpaceBeers

+0

Firefox> DOM Inspector> Computed Style選項卡提供了什麼元素? – Dai

+0

就是這樣,它表示沒有爲菜單的下拉部分分配顏色。由於某種原因,它似乎繼承了父菜單的顏色。 – Jeff

回答

3

在檢查我下面的樣式已經添加了:

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

這已經改變了子導航項目爲我。看起來你在選擇器中錯過了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; 
} 
+0

即可正常工作,但由於某種原因無法刪除背景,因此我仍然無法獲得透明度。我會附上一個屏幕截圖來解答我的問題。 (upvote for your help) – Jeff

+0

好吧,我即將離開我的辦公桌,但嘗試完全刪除背景顏色。 – SpaceBeers

+0

也嘗試運行#12263B的CSS。這就是顏色,所以如果你真的堅持刪除每個實例直到它消失,但我認爲去除背景顏色應該爲你做的伎倆。 – SpaceBeers

0

設置透明色爲background-color:此屬性

background-color: transparent; 

DEMO


有效值是:

  • 在Chrome瀏覽器的顏色
  • 透明
  • 繼承

Source

+0

對不起,我應該把這個問題也放在這個問題上,但我確實嘗試了透明,繼承和!重要,沒有任何工作。我一直在通過PHP進行搜索,看看菜單是否拉動任何特定的東西,但我找不到任何東西 – Jeff

+0

你有一個活的鏈接? – SpaceBeers

+0

檢查你沒有一個更具體的CSS選擇器,將接管不合理。你最好打賭的是檢查控制檯(F12),並親自看看CSS的繼承。 –

0

後相當多的時間(從你們@spacebeers &迪迪埃ghys很大的幫助),我想出瞭解決方案。

有一個名爲colors.inc的php文件覆蓋了網站上的所有顏色。它隱藏在文件夾中,標記不正確,所以我錯過了它。我從字面上刪除了整個文件,所以它給了我所有顏色的免費範圍。然後我使用了上面的spacebeers代碼,它像一個魅力一樣工作。這裏是新的截圖:

Solution

+0

再次感謝@spacebeers。我會接受你的回答,因爲它幫助我達到了我的解決方案。 – Jeff