【问题标题】:Table thead background overflow with border radius on FirefoxFirefox 上带有边框半径的表格主题背景溢出
【发布时间】:2022-01-16 22:40:47
【问题描述】:

我的第 th 元素有一个边框半径。 另外,我为表格中的特定列设置了背景。

 <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup

在 Chrome 上运行良好。 Firefox 上的问题,它忽略了我的边框半径并且背景颜色溢出。 请注意,我不能单独为每个 tr 设置背景,因为它是渐变色,并且会重复。 这是一个简短的小提琴: https://jsfiddle.net/n645szk7/

在 chrome 上渲染一次,然后在 Firefox 上渲染一次以查看差异。 谢谢。

【问题讨论】:

  • 边框半径在您的th 上,但背景应用于您的列,将它们加在一起。
  • 我明白这一点,但首先它是如何在 Chrome 上运行的?第二,我不能。正如我所说,我必须应用一次 bg,因为它是渐变的,所以我不能将它专门应用于 th/tr。

标签: html css firefox


【解决方案1】:

测试两个属性

  • -moz-outline-radius: 25px;
  • -moz-border-radius: 25px;

【讨论】:

    猜你喜欢
    • 2012-03-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多