粉底透明table

Question

我正在尝试使用 Foundation 框架创建一个透明的 table。我在没有框架的情况下实现了这一点，但似乎我不能使用 it.Any 建议会很棒。

table {
    text-align: center;
}
table thead th{
    text-align: center;
}
tbody tr th{
    font-weight: normal;
}
th{ 
    background-color: rgba(251,169,17,0.5);
}
td{ 
    vertical-align: top;
    height: 10em;
    outline: 3px solid #e3e3e3;
    /*border: 1px solid rgba(251,169,17,.5);*/
    background-color: rgba(0,0,0,0);
}
td:hover{
    background-color: #CEE3F6;
}

Answer 1

在 Foundation 中，背景色被赋予 thead 和 tbody 元素。要覆盖这些，只需使用以下内容：

table thead,
table tbody {
  background: transparent;
}

粉底透明table

Foundation transparent table

css

zurb-foundation