2013-12-19 187 views
0

我在此頁設置了一列:http://www.aerlawgroup.com/dui.html(大約下降一半)。Firefox十六進制顏色渲染

列分隔線在CHROME和Safari中呈現淺灰色,但在Firefox中呈現BLACK。我該如何解決它?最煩人的部分是,我從這個代碼:http://www.w3schools.com/cssref/css3_pr_columns.asp - 所以我覺得它會完美的工作。

下面是代碼:

.newspaper 
{ 
-moz-column-count:2; /* Firefox */ 
-webkit-column-count:2; /* Safari and Chrome */ 
column-count:2; 

-moz-column-gap:40px; /* Firefox */ 
-webkit-column-gap:40px; /* Safari and Chrome */ 
column-gap:40px; 

-moz-column-rule:1px outset #C6C6C6; /* Firefox */ 
-webkit-column-rule:1px outset #c6c6c6; /* Safari and Chrome */ 
column-rule:1px outset #c6c6c6; 
font-size: 14px; 
line-height: 1.5em; 
color: #000000; 
font-family: "museo-sans", sans-serif; 
font-style: normal; 
font-weight: 400; 
padding: 8px 0px 8px 0px; 
} 
+1

** **從來沒有假設代碼W3Schools的將工作完美... HTTP://www.w3fools .com/ – BenM

+0

同意。但是,十六進制值的問題? Firefox糟透了。 – user3117275

+0

我試着改變-moz-column-rule:1px開頭#C6C6C6;到-moz-column-rule:1px solid#C6C6C6;這對我很有用。 –

回答

0

嘗試-moz-column-rule:1px solid #C6C6C6代替-moz-column-rule:1px outset #C6C6C6 這將工作