Foundation 투명한 테이블

Question

Foundation 프레임 워크를 사용하여 투명한 테이블을 만들려고합니다. 나는 프레임 워크없이 이것을 만들었지 만 나는 그것을 사용할 수없는 것 같다. 어떤 sugestions도 좋을 것이다.

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

은 파운데이션, 배경색은 thead 및 tbody 요소에 부여된다. 이를 무시하려면 다음을 사용하십시오.

table thead, 
table tbody { 
    background: transparent; 
}