I am facing an issue with displaying images in a wide Datatables header. The design is based on the Zurb Foundation 5.5.3 framework. Does anyone know why this CSS code is being strikethrough in the image below? (you can view it at https://i.sstatic.net/lzdU5.png which uses Zurb Foundation 5.5.3)
The background images display correctly in this JS Fiddle example.
I've been troubleshooting by removing elements one by one, but I just can't identify what's causing the issue in the CSS.
Below is an excerpt of the CSS for the background image:
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;
}