2012-10-11 42 views
0

我风格使用CSS的一些列表项目(LI)。该样式应用于li中的选择器。它在Chrome,IE和Safari但不使用Firefox的伟大工程:火狐李HREF CSS选择器

<ul class="organisations"> 
    <li class="community-care"><a href="http://adviceglos.org.uk/organisation-type/community-care/" title="View all posts in Community Care" >Community Care</a></li> 
</ul> 

这里的CSS:

ul.organisations li.community-care a { 
background-image: -webkit-gradient(linear,center top,center bottom,color-stop(0%,#5CBCC4),color-stop(100%,#38939B)); 
background-image: -webkit-linear-gradient(#5CBCC4 0,#38939B 100%); 
background-image: -moz-linear-gradient(#5CBCC4 0,#38939B 100%); 
background-image: -o-linear-gradient(#5CBCC4 0,#38939B 100%); 
background-image: -ms-linear-gradient(#5CBCC4 0,#38939B 100%); 
background-image: linear-gradient(#5CBCC4 0,#38939B 100%); 
background-color: #5CBCC4; 
border: 1px solid #318188; 
border-bottom-color: #245E63; 
} 
+0

它的做工精细什么问题http://tinkerbin.com/Oq9QB8db –

+1

究竟它无法正常工作?在Firefox中产生的显示是什么? –

+0

生成的显示是基础样式显示,但梯度不显示。这里的网址http://adviceglos.org.uk – thornemeister

回答

0

你有一个语法错误在你的样式表中。特别是,529行是:

background-image: -o-linear-gradient((#eeeeee 0,#ccc 100%) !important; 

请注意,您有一个比close paren更开放的文件。在符合规范的CSS解析器(不包括WebKit)中,这会导致UA将所有内容视为背景图像值的一部分。在这种情况下,这就是样式表的其余部分,所以在这之后的所有规则都会被忽略。

还应注意的是Firefox的做在错误控制台,这是我发现它将此问题报告......

+0

你是绝对的明星!非常感谢您的回复,修复了它。 – thornemeister

+0

不客气! –

0

申请-moz为Firefox这样的:

background: -moz-linear-gradient(#BF698C 0px, #93506D 100%) repeat scroll 0 0 transparent; 
+0

谢谢您的回答,但仍然没有工作,我害怕。 – thornemeister