Safari bug in table with border dotted
This is in Safari and Chrome:
CSS:
TABLE {
width: 100%;
clear: both;
border: 0px;
border-collapse: collapse;
}
TABLE TH,
TABLE TD {
padding: 10px;
text-align: center;
border: 1px dotted #8开发者_C百科98989;
}
Add
table th {
border-bottom: none;
}
But for more complex layouts where you can't disable border this easily, you could consider using the separate border model as answered here because the repetitive pixel pattern of dotted could get an offset (depending on the starting position) which could result in a solid line between adjacent cells.
精彩评论