Firefox 双边界CSS3-FF!铬

Firefox 双边界CSS3-FF!铬,firefox,google-chrome,css,Firefox,Google Chrome,Css,我想知道,为什么这个表上的双边框TDs不会显示在Chrome中,而只显示在FF中?有什么想法吗?你的工作是什么?谢谢 增加边框厚度,以查看两种浏览器之间更多的渲染差异。在FF中,框阴影似乎覆盖在边框的顶部,而在Chrome中则隐藏在下方 您可以使用另一种方法-可能使用边框底部与文本装饰相结合:下划线。当border属性本身已经支持双边框时,不确定为什么要使用框阴影来生成双边框。只需使用以下CSS,而不是现有的CSS: td { border-bottom: 3px double red;

我想知道,为什么这个表上的双边框
TDs
不会显示在Chrome中,而只显示在FF中?有什么想法吗?你的工作是什么?谢谢


增加边框厚度,以查看两种浏览器之间更多的渲染差异。在FF中,框阴影似乎覆盖在边框的顶部,而在Chrome中则隐藏在下方


您可以使用另一种方法-可能使用边框底部与文本装饰相结合:下划线。

border
属性本身已经支持双边框时,不确定为什么要使用
框阴影来生成双边框。只需使用以下CSS,而不是现有的CSS:

td {
    border-bottom: 3px double red;
}
注意:您需要将边框的大小增加到
3px
,以便两行都显示出来(对于
1px
,当您指定
double
时,它有时根本不显示)


另一个优点是,这将适用于所有浏览器,包括不支持
框阴影的旧浏览器。试试这个,它适用于两种浏览器:

td {
     -moz-box-shadow: 0 1px  0 #000;
 -webkit-box-shadow: 0 1px  0 #000;
        border-bottom: 1px solid red;
         box-shadow: 0 2px  0 #000;

}

我想这就是问题所在:
box shadow:01px 0#000

我之所以使用框阴影,是因为我希望在另一个框的上方有一个双色边框(中间没有空格),正如它在原始小提琴上显示的那样。我不确定使用
double
hmm是否可以得到相同的结果,可能不行;我认为双边框仅限于一种颜色。。。但是在我使用Firefox 3.6时,我看不到原来的小提琴,而且
框阴影对我也不起作用。对不起,我没抓住要点。