html - Effect of border-collapse: collapse; on the box shadow in IE browsers -
I created the table with the empty span tag with padding so that a box was shipped to them. Its simple HTML structure follows
& lt; Table & gt; & Lt; TR & gt; & Lt; Td> & Lt; Span class = "tokenHolder" data-an = "5" style = "padding: 2px 53.5px;" & Gt; & Lt; / Span & gt; & Lt; / Td> & Lt; Td> & Lt; Span class = "tokenHolder" data-an = "5" style = "padding: 2px 53.5px;" & Gt; & Lt; / Span & gt; & Lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> & Lt; Span class = "tokenHolder" data-an = "5" style = "padding: 2px 53.5px;" & Gt; & Lt; / Td> & Lt; / Span & gt; & Lt; Td> & Lt; Span class = "tokenHolder" data-an = "5" style = "padding: 2px 53.5px;" & Gt; & Lt; / Span & gt; & Lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt; with the CSS code below
th {font-size: 20px; Background color: #cccccc; Padding: 5px 8px; } Td {padding: 5px 5px 10px 5px; Font-size: 18px; Background-color: # ECEC; } Th, td {border-right: 2px solid #oldcid; } Table {margin-top: 25px; Border: 2px solid # ideded; Status: Relative; Degradation: collapse; } .tokenHolder {background color: white; Cursor: indicator; Status: Relative; Color: Transparent; Background-shaped: 100% 100%; Repeat Background: No Repetition; Box-Shadow: 2px 2px 2px Gray; Boundary-radius: 2px; } The related JS Bellal
here is after using the demarcation: The collapse in the table removes the box shadow for the duration of it. /
Otherwise the hole code is running fine in all browsers ..
Please help with this related related quote.
simply add
at the top of your HTML document This will work fine Tested in IE10
Updated answers
Screen shot: When I use the screen shot
The link is just read it
Comments
Post a Comment