【问题标题】:Visibility:hidden does not work in Firefox but works in ChromeVisibility:hidden 在 Firefox 中不起作用,但在 Chrome 中起作用
【发布时间】:2016-11-14 21:13:04
【问题描述】:

此 HTML/CSS 代码在 Chrome 中运行良好,但在 Firefox 中无法运行。我尝试使用

border:none; / border-style:none;

但似乎并没有解决问题。

请看这个 JSFiddle:link

Chrome 中的结果:

Firefox 中的结果:

提前感谢您的建议。

【问题讨论】:

  • 请修复 JSFiddle 的链接
  • 发布一个有效的 jsfiddle 链接
  • 尝试 .... :D 更新:链接已修复

标签: html css google-chrome firefox


【解决方案1】:

以下是解决您遇到的问题的解决方案:

<th style="border-top-color: transparent;border-bottom-color:
transparent;">&nbsp;</th>

检查这个 JSFiddler:Link

希望它对你有用。

【讨论】:

    【解决方案2】:

    这样的东西可能有用吗?应该在 FF 中工作,但它有点特定,所以必须适应另一种布局。

    th:nth-of-type(4), td:nth-of-type(4){
        border:none;
    }
    

    https://jsfiddle.net/79bbxcaw/

    【讨论】:

    • 这可行,但其他解决方案更容易实施,感谢您指出这一点。
    猜你喜欢
    • 2015-07-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-13
    • 2012-05-27
    • 2020-10-19
    相关资源
    最近更新 更多