开发者

Safari bug in table with border dotted

This is in Safari and Chrome:

Safari bug in table with border dotted

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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜