在Safari中未正确显示CSS透明边框形状

Question

我刚刚在模板中使用CSS透明边框制作了一个形状。除了“Safari”之外，所有浏览器看起来都很好。

这是一个供您参考的代码，

HTML：

<article>
    <div class="entry-thumb">
        <a href=""><img src="placeholder.jpg" alt=""> <span></span> </a>
    </div>
</article>

CSS：

.entry-thumb
{ 
    display:block;
    float:left;
    height:auto;
    margin:0;
    position:relative;
    width:100%;
}

.entry-thumb span
{
    border-style:solid; 
    border-left-color:transparent;
    border-top-color: #d3dae5;
    border-left-width:310px;
    border-top-width:12px;
    bottom:-12px;
    content:"";
    overflow:hidden;
    position:absolute;
    right:0;
}

有没有解决方案摆脱这个问题。 Plz帮助我，如果有人知道它的确切修复。