我正在尝试使用 Foundation 框架创建一个透明表。我在没有框架的情况下实现了这一目标,但似乎我无法使用它。任何建议都很好。
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;
}
最佳答案
在 Foundation 中,背景色被赋予 thead
和 tbody
元素。要覆盖这些,只需使用以下命令:
table thead,
table tbody {
background: transparent;
}
关于css - 基础透明台,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40382511/