border-radius兼容性问题
想设置table的四个角是圆弧状,但是下边的两个角在火狐中无法显示出来。在谷歌中可以正常显示
table上部分的代码:`<thead>
<th class="col1 header radius_t">table header</th>
<th class="col2 header">th2</th>
<th class="col3 header radius_r">th3</th>
</thead>`
table下边的代码:
<tr class="dan rad_bot">
<td class="col1 radius_l">row seven</td>
<td class="col2">val</td>
<td class="col3 radius_b">val</td>
</tr>
#r5 .radius_t{
border-radius: 5px 0 0 0;
}
#r5 .radius_r{
border-radius: 0 5px 0 0;
}
#r5 .radius_b{
-moz-border-radius-bottomright: 5px;
}
#r5 .radius_l{
-moz-border-bottom-left-radius: 5px;
}
会走路的萌要素
9 years, 2 months ago