2012-06-22 74 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