我在此页面上设置了一个列:http://www.aerlawgroup.com/dui.html (大约下降一半)。
列分隔符在 CHROME 和 Safari 中呈现浅灰色,但在 Firefox 中呈现黑色。我该如何解决?最烦人的部分是我从以下位置获得了这段代码: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;
}
最佳答案
尝试 -moz-column-rule:1px solid #C6C6C6
而不是 -moz-column-rule:1px outset #C6C6C6
这会起作用
关于css - Firefox 十六进制颜色渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20678241/