Css形状z-index和边框

Question

我试图制作一个css形状，但我遇到菱形边框的问题

菱形的边框出现时不应出现......

Here你有css和html的代码。

抱歉我的英语很差。

提前致谢

编辑：

我不想要菱形的顶部边框......

http://i.imgur.com/bAAPlv4.png

Answer 1

我不太清楚你的问题，但如果结果与此类似 http://imgur.com/YGodaat 只需将 z-index：-1 添加到 div＃barra：元素之后......

如果这不是你想要的，请解释一下你想要达到的目标。

/ 修改 /

id =“barra”需要这些修改：

    background: linear-gradient(180deg, rgba(196, 196, 196, 1) 0%,rgba(147,147,147,1) 100%,rgba(125,185,232,1) 100%);
    box-shadow: 5px 5px 10px rgb(148, 146, 146);

巴拉：在需要之后：

    background: linear-gradient(135deg, rgba(155, 155, 155, 1) 0%,rgba(147,147,147,1) 100%,rgba(125,185,232,1) 100%);
    z-index:-1;

那应该是...... :)。