# Covering a clickable area so it can't be clicked

**URL:** <https://forum.kirupa.com/t/covering-a-clickable-area-so-it-cant-be-clicked/270055>\
**Category:** Uncategorized\
**Created:** [September 4, 2008, 6:38pm UTC](https://forum.kirupa.com/t/covering-a-clickable-area-so-it-cant-be-clicked/270055 "2008-09-04T18:38:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![albino](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/albino/32/1022_2.png) [@albino](https://forum.kirupa.com/u/albino)\
**Post date:** [September 4, 2008, 6:38pm UTC](https://forum.kirupa.com/t/covering-a-clickable-area-so-it-cant-be-clicked/270055/1 "2008-09-04T18:38:14Z")

</div>

sounds really simple, and I’m sure it is, but for the life of me I can’t figure it out.

I’m making a portfolio, and when you click on an item, the screen fades, and a gallery appears. I have it so that if you click the background, the screen fades in, and the gallery disappears.

However, even though the gallery is on top of the click-able background, I can still click through (on the images, general background etc).

the link to it is here: [http://toddish.co.uk/beta](http://toddish.co.uk/beta)

click on the monitor to show the gallery (and the awful transition so far!)

is there a way to make the items more, I dunno, substantial?

\*\*also, ignore how it is positioned, I’ve yet to try and make it proper full screen, and it seems my first attempt didn’t really work ☹
