/    Sign up×
Community /Pin to ProfileBookmark

form under floating div is not interactive

Copy linkTweet thisAlerts:
Sep 05.2007

I’m building a website that has a flash-based photo gallery on the left side that flies out when you click it. It flies out over top of the page content but when inactive it tucks away. The pages work great, even links etc. – the div with the Flash is invisible to both eyes and mouse.

Except on a page with a form. Even when the gallery is tucked away, the form fields are not clickable because of the (invisible) div over top.

I know this is the case because one of the fields is a text box – large enough to not be completely covered by the transparent div. I can click on tghe protion of the textbox that is NOT under the div, but I can’t click on any part that Is under the div.

How can I have this flyout and still operate my form?

to post a comment
HTML

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangSep 06.2007 — Try making the div [I]display:inline;[/I].
×

Success!

Help @DaveC426913 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...