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时,我看不到原来的小提琴,而且框阴影对我也不起作用。对不起,我没抓住要点。