使用的素材（272x114）

仔细看，其实尖角下面也有一条很细的横线，不是切图没切干净，而是repeat导致的

border: 10px solid;
border-image: url(popup-white.png) 20 fill repeat;
width: 136px;

尝试旧版-webkit-，会自动fill。无效

-webkit-border-image: url(popup-white.png) 20 round;

-webkit-border-image: url(popup-white.png) 20 repeat;

-webkit-border-image: url(popup-white.png) 20 stretch;

尝试改变图片尺寸。无效

使用的素材（200x100）

-webkit-border-image: url(popup-white-200.png) 20 round;

-webkit-border-image: url(popup-white-200.png) 20 repeat;

-webkit-border-image: url(popup-white-200.png) 20 stretch;

尝试用outline盖掉

/*纯色outline*/
> .content {
    outline: 4px solid #f7f7f7;
}

/*同上，添上bgc*/
background-color: green;

/*改用半透明outline*/
> .content {
    outline: 4px solid rgba(248, 248, 248, 0.9);
}

/*同上，添上bgc*/
background-color: green;