Zurb Foundation 5.5.3에서 왜 Datatables 헤더에 배경 이미지 CSS가 표시됩니까?

Question

확장 된 너비 Datatables 헤더에 이미지를 표시하려고합니다. 스타일링은 Zurb Foundation 5.5.3 프레임 워크를 사용합니다. 왜이 CSS가이 아래의 이미지에서 벗어 났는지 말할 수 있습니까? (배경 이미지는 내가 하나 요소를 제거하기 위해 노력했습니다이 JS Fiddle

에서 잘 표시 5.5.3

Zurb 재단을 사용하는 사이트 http://iprobesolutions.com/test2 링크를 확인하십시오 그러나 다만 알아낼 수 없습니다 .

가

table.table1 thead .beyer, 
#example table.dataTable thead .sorting_asc .beyer { 
background-image: url("https://placehold.it/264x140.jpg") no-repeat center  `center; 
height:264px; 
width:140px; 
background-size: cover; 
background-repeat: no-repeat; 
background-position: center top; 
height: 10rem; 
background-size: contain; 
} 

Answer 1

이미지 "https://cdn.datatables.net/1.10.13/images/sort_both.png는"이미 공간을 차지하는 : CSS를 잘못 알아

이 배경 이미지에 대한 CSS의 예입니다 머리글에 넣고 자리 표시를 방지합니다. 이미지가 표시됩니다. 전자의 선택을 취소하면 후자가 올바르게 표시되기 시작합니다.