Bug vebkita when drawing boarders?


Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/code-flow.club/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
7 views
Hello, nobody has found a solution to the problem from the wrong laying on of boarders at each other in webcite?

What I say is very well manifested by a translucent border and shown in the screenshot.

de25bbe3.png

Ie WebKit does not combine adjacent boarders like all other browsers, and superimposes them one on another.

I tried all DOCTYPE, scoured Google, I think, but anything sensible did not find. Hope collective Harrison.
by | 7 views

3 Answers

0 like 0 dislike
You can soften the effect if different parties to indicate slightly different values for the color. Superimposition with a translucent boarders only happens if they are the same color. Therefore, if you specify all 4 sides do not differ greatly in color (with a transparency value different by 0.01), the superimposition is not so noticeable.
\r
\r
div { margin:40px 0 0 40px; border:30px solid; border-color:rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.49) rgba(0, 0, 0, 0.51) rgba(0, 0, 0, 0.52); width:500px; height:500px; background:#ddd; padding:30px; white-space:pre; } 

\r
P. S. About it there are a few bugs on https://bugs.webkit.org but they are all open.
by
0 like 0 dislike
Add round corners and overflow: hidden and place this block of same-sized block of red and a parent will not cut its edges. Although the need for Speke. Raw all of it.
by
0 like 0 dislike
I honestly do not know the answer, but let me remind you: do not forget to write here.
by

Related questions

0 like 0 dislike
1 answer
asked Apr 25, 2019 by nikolay55rst
0 like 0 dislike
2 answers
0 like 0 dislike
3 answers
0 like 0 dislike
1 answer
asked Mar 25, 2019 by taliban
0 like 0 dislike
2 answers
110,608 questions
257,186 answers
0 comments
23,007 users