Can I Make A Div Transparent, But Clickable

I am using a vertical slider for my whole webpage. To move between each page I want to click the top/ bottom of the page to navigate between slides. To do this I have placed a div

Solution 1:

I'm not sure I get this problem - divs are empty by default (there's nothing in them to make transparent) so as long as you have assigned the clickable div some dimensions it should create a region you can click on where it is located on the page.

e.g. http://jsfiddle.net/pWpAD/ [Top 50px pixels of the box are clickable].

div {
    width: 300px;
    height: 300px;
}
#backdiv {
    background-color: #f0f;
}

#topdiv {
    height: 50px;
    cursor: pointer;
}

If I've not understood your question let me know. Maybe can you provide some code?