2

I've been tearing my hair out for a while now trying to figure out why I can't click the links in my footer. I know my css is a bit sloppy, but it gets the job done. There's probably a lot more efficient way to get the effect of a footer that sticks to the bottom of the page that appears behind all the rest of my content, but this is what I have so far:

here's my jsfiddle of my issue

it looks a bit messed up in the jsfiddle, but the idea is thereI have a pointer-event:none here:

.bottomdivtransparent {
    pointer-events: none;
    width: 100%;
    top: 0px;
    height: 300px;
    left: 0;
    overflow: hidden;
    opacity: 0;
} 

Which should make it so I can click the links, but they remain unclickable! I'm sure the error is something really simple and staring me right in the face..

Any suggestions? Or any easier way to get the footer to appear behind all of my content but still extend about ~300px below everything?

Thank you!

edit: Thanks to Kasyx and Andrea Ligios for the help -- they have determined that it works fine in Firefox but not in Google Chrome for some reason. The margin-bottom property is messing up on .bottomdiv..

4

1 回答 1

2

正如我在评论中注意到的那样,pointer-events在这种情况下将不起作用。但不是它不建议你margin-bottom像小提琴一样添加到你的 div 中:http: //jsfiddle.net/auFeV/6/

.bottomdiv {
    //(...)
    margin-bottom: 310px;
    //(...)
}

(感谢@Andrea Ligios 改进了这个答案)

于 2013-04-19T09:31:28.627 回答