css -webkit-radial-gradient 幽灵删除线

Question

我在 chrome 中遇到了一些奇怪的问题。我不使用图像，一切都仅由 css 完成。检查下图。我怎样才能删除垂直线(有时还会出现一条水平线)？

我试图得到圆 Angular ，但要到里面。这是代码片段。

<div class="modal"> the content goes here </div>

类是:

.modal {
background:
        -moz-radial-gradient(0 100%, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
        -moz-radial-gradient(100% 100%, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
        -moz-radial-gradient(100% 0, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
        -moz-radial-gradient(0 0, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px);
    background:
         -o-radial-gradient(0 100%, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
         -o-radial-gradient(100% 100%, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
         -o-radial-gradient(100% 0, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
         -o-radial-gradient(0 0, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px);
    background:
         -webkit-radial-gradient(0 100%, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
         -webkit-radial-gradient(100% 100%, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
         -webkit-radial-gradient(100% 0, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px),
         -webkit-radial-gradient(0 0, circle, rgba({{ settings.signup_bg_color }},0) 24px, {{ settings.signup_bg_color }} 25px);

    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 50% 50%;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
}

我找到了例子 here如果我删除圆 Angular ，重影线就会消失。

Answer 1

稍微增加渐变的大小，比如 50.1%

    background-size: 50.1% 50.1%;

问题来自 div 的大小，一旦除以 2，就会在中心留下一个没有被背景覆盖的小区域