Css形状z-index和边框

时间:2013-06-09 19:06:16

标签: html css shape

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

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

Here你有css和html的代码。

抱歉我的英语很差。

提前致谢

编辑:

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

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

1 个答案:

答案 0 :(得分:0)

我不太清楚你的问题,但如果结果与此类似 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;

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