css -webkit-radial-gradient ghost strikethrough line

Question

我在chrome中有一些奇怪的问题。 我不使用图像，一切都只由css完成。 检查下图。如何删除垂直线（有时也会出现水平线）？

我试图圆角但是向内侧。 这是代码片段。

<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 如果我删除圆角，鬼线就会消失。

Answer 1

略微增加渐变的大小，比如说50.1％

    background-size: 50.1% 50.1%;

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