无法使用相对div单击按钮

时间:2014-06-04 22:35:05

标签: html css web

我试图点击一个按钮,但没有幸运,已经尝试过z-index和绝对位置,但父亲div有一个"位置:亲属"搞砸了所有东西......我无法接受它,因为它会在我的页面上产生视差效果

这是小提琴:

http://jsfiddle.net/J4HN8/

#separatorMJ3{
     position: relative;
     color:#fff;        
     background-image: url("http://stuffkit.com/wp-content/uploads/2011/08/Guitar-HD-Wallpaper-5.jpg");
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     z-index:-1;
     width: 100%;
     padding-top:80px;
     padding-bottom:80px;
}

<div id="separatorMJ3">
     <a href=#>Check in</a>
</div>

我该怎么办?

ps。:小提琴是链接,但它是相同的想法

2 个答案:

答案 0 :(得分:0)

您需要摆脱此属性z-index:-1

Check Fiddle

答案 1 :(得分:0)

删除z-index:-1; Updated Fiddle