-webkit-和-moz-border-radius不能在表上工作？ [英] -webkit- and -moz-border-radius does not work on tables?

问题描述

这样有效

div {
  -moz-border-radius: 5px 5px 0 0;
  border:1px solid #000;
  margin:30px;
}

这不起作用

table {
  -moz-border-radius: 5px 5px 0 0;
  border:1px solid #000;
  margin:30px;
}

有没有人知道如何使用-moz和-webkit来处理表？

Does anyone know how to use -moz and -webkit to work on tables?

推荐答案

5.6。对表的影响

'border-radius'属性
适用于'table'和'inline-table'
元素。当'border-collapse'是
'collapse'时，UA可以将
border-radius属性应用于'table'
和'inline-table'元素，但是
不需要。在这种情况下，不仅
必须相邻的
角的边界半径不相交，而
水平和垂直半径的
单个角也不能超过
在那个角落的单元格的边界
（即单元格的其他角落必须
不受这个角落的
border-radius影响）。如果边界半径的计算值
将导致该
效应，则所有
的表的边界半径的所使用的值必须以相同的因子减小
，使得
半径既不相交也不使
超过它们的
各个角单元的边界。

The ‘border-radius’ properties do apply to ‘table’ and ‘inline-table’ elements. When ‘border-collapse’ is ‘collapse’, the UA may apply the border-radius properties to ‘table’ and ‘inline-table’ elements, but is not required to. In this case not only must the border radii of adjacent corners not intersect, but the horizontal and vertical radii of a single corner may not extend past the boundaries of the cell at that corner (i.e. the cell's other corners must not be affected by this corner's border-radius). If the computed values of the border radii would cause this effect, then the used values of all the border radii of the table must be reduced by the same factor so that the radii neither intersect nor extend past the boundaries of their respective corner cells.

在
上的内部表元素的半径在CSS3背景和边框中未定义为
，但
可以在未来的
规范中定义。当
'border-collapse'是'collapse'时，CSS3 UA应该忽略
应用于
内部表格元素的border-radius属性。

这篇关于-webkit-和-moz-border-radius不能在表上工作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！