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

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -