【问题标题】:Internet Explorer display: table issueInternet Explorer 显示:表格问题
【发布时间】:2019-03-27 07:17:41
【问题描述】:

我目前正在努力展示自己:改进我正在开发的网站的表格。问题是,它也应该在 IE 上工作。但是,IE 没有将多个单元格设置为一行,而是将我的单元格对齐为一个直列。 我还尝试在调试期间设置(粉红色)背景颜色,但 IE 甚至不显示背景颜色。

有什么帮助吗?

  .Table
  {
    display: table;
    background: #ff69b4;

  }
  .Title
  {
    display: table-header-group;
    width: 100%;
  }
  .Row
  {
    display: table-row;
  }
  .Cell
  {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 80px;
    min-width: 200px;
  }

这在任何其他浏览器中都可以正常工作。

【问题讨论】:

    标签: css internet-explorer-11 css-tables display


    【解决方案1】:

    我刚刚发现随机删除 css 属性的错误。 与 display: table 属性无关,但与此有关:

    h2 {
      font-weight: normal;
      color: var(--primary-color);
    }
    

    【讨论】:

    • 嗯,IE 不支持 CSS 变量,所以var(--primary-color) 不起作用。
    • 是的,在网上也找到了。真是太可惜了,因为这样的网页设计变得更加困难>.>
    • 同意。 CSS 从一开始就迫切需要变量。不幸的是,它只是相对较晚才实施。但我们就在我们所在的地方。但如果 IE11 支持是你的极限,那你就很幸运了。很高兴您不必支持 IE6 或 quirks 模式,或任何令人敬畏的东西。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-25
    • 2011-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-06
    相关资源
    最近更新 更多