table border-radius ασπρες γωνιες πως φευγουν?

[Ruhl]

Στις γωνιες του table βγαζει ασπρες γραμμες οταν βαζω border-radius (τις κληρονομει απο το γενικο background οπως προσεξα γιατι αν βαλω κοκκινο η γκρι αλαζουν και δυστηχως εκεινο το section πρεπει να ειναι ασπρο)
Δοκιμασα διαφορους συνδιασμους οχι μονο αυτο που θα δειτε που ειναι το τωρινο αλλα δεν μπορεσα να πιασω αυτες τις γωνιες καπως.
 

Χρησιμοποιω bootstrap αλλα τις βγαζει και χωρις αυτο οπως παρατηρησα.
Πως βγαινουν η χρωματιζονται για να μην κανουν τοσο μπαμ?

https://codepen.io/ruhl/pen/WEgzYV


 

[rafinos]

Σε εμένα με Chrome δεν υπάρχει αυτό που λες (στον Firefox όμως ναι...). 

Επεξ/σία 27 Αυγούστου 2017 από rafinos

[egoeimai1]

το χρώμα του background στον πίνακα μη το κάνεις με gradient, δώστου απευθείας χρώμα....

[XPHSTOS_]

Το πρόβλημα το δημιουργεί το box-shadow σε συνδυασμό με το border-radius.
Δεν ξέρω ακριβώς τι πάει στραβά αλλά στο FF rendάρετε λάθος.

Αυτό που μπορείς να κάνεις είναι βάλεις το bow-shadow στο :after του table και από εκεί, παίζοντας με το border-radius να το εξαλείψεις.
https://codepen.io/anon/pen/wqEYXP?editors=0100

Ή εναλλακτικά, να μειώσεις το opacity στο χρώμα της σκιάς, είναι υπερβολικά αδιαφανή και πολύ κοντά στο χρώμα του box, δεν βοηθά σε τίποτα.. 
https://codepen.io/anon/pen/jLveKK?editors=0100
 

[Ruhl]

Το πρόβλημα το δημιουργεί το box-shadow σε συνδυασμό με το border-radius.

Δεν ξέρω ακριβώς τι πάει στραβά αλλά στο FF rendάρετε λάθος.

 

Αυτό που μπορείς να κάνεις είναι βάλεις το bow-shadow στο :after του table και από εκεί, παίζοντας με το border-radius να το εξαλείψεις.

https://codepen.io/anon/pen/wqEYXP?editors=0100

 

Ή εναλλακτικά, να μειώσεις το opacity στο χρώμα της σκιάς, είναι υπερβολικά αδιαφανή και πολύ κοντά στο χρώμα του box, δεν βοηθά σε τίποτα.. 

https://codepen.io/anon/pen/jLveKK?editors=0100

 

Ευχαριστω να σε καλα , θα το δοκιμασω ετσι με το after.