Dans Zurb Foundation 5.5.3, pourquoi l'image de fond CSS est-elle barrée dans l'en-tête Datatables?

Question

J'essaye d'avoir des images montrent dans un en-tête de données étendu de largeur. Le style utilise le framework Zurb Foundation 5.5.3. Quelqu'un peut-il dire pourquoi ce CSS est barré dans cette image ci-dessous? (S'il vous plaît vérifier lien vers le site http://iprobesolutions.com/test2 qui utilise Zurb Fondation 5.5.3

Les images de fond apparaissent bien dans ce JS Fiddle

J'ai essayé de dépouiller les éléments un par un, mais ne peux pas comprendre . ce qui ne va pas avec le CSS

Ceci est un exemple du CSS pour l'image de fond:

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

l'image « https://cdn.datatables.net/1.10.13/images/sort_both.png » sont déjà en cours de l'espace dans l'en-tête et empêchant les images placehold.it de montrer. Lorsque vous décochez la première, la dernière commence à montrer correctement