Heey,
Ik was een beetje bezig met een complete site overlay zoals je nu heel vaak ziet (denk aan hyves en lightbox). Maar nu wilde het nog niet echt werken. Ik heb deze CSS:
Dit werkt goed, zolang de pagina niet zoveel content heeft dat hij kan scrollen. Wanneer een pagina echter kan scrollen komt het gebied dat eerst niet zichtbaar zonder overlappende DIV te voorschijn. Hoe kan ik er voor zorgen dat dit gedeelte ook door de DIV wordt overlapt?Code:#overlay{ text-align: center; z-index: 10; position: absolute; top: 0; left: 0; background: #333; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity:. 0.8; width: 100%; height: 100%; font: 30px Arial, Helvetica, sans-serif; color: #FFF; }
Mvg,
Ruben
- Full page overlay opacity
-
08-05-2008, 20:40 #1
- Berichten
- 531
- Lid sinds
- 17 Jaar
Full page overlay opacity
-
In de schijnwerper
Nu 50% korting op duizenden linkopties | DR60+ DA50+ | Blogs & Links in alle nichesLinkpartnersMooie kans met een mooi domein voor affiliate - Debestevergelijker.nlWebsite te koopBroodtrommels.nl | 18.100 exact p/m | Affiliate | E-CommerceDomein te koopServerFIX| 24/7 server beheer | 24/7 NOC | Urgente storingsopvolging | Netwerk beheerFreelance / Werk -
07-06-2008, 06:19 #2
- Berichten
- 9
- Lid sinds
- 17 Jaar
Ik denk dat je zoiets maar met JavaScript kan oplossen. Met de document.documentElement.scrollHeight kan je de totale lengte van je document ophalen.
dan zou je zoiets kunnen doen :
Code:window.onload = initOverlay; function Overlay() { document.getElementById("overlay").style.height = document.documentElement.scrollHeight; }
-
07-06-2008, 09:28 #3
- Berichten
- 531
- Lid sinds
- 17 Jaar
Heel erg bedankt, het werkt met de javascript:
document.getElementById('overlay').style.height = document.documentElement.scrollHeight+'px';
Echt geweldig. 1e post en dan gelijk zo behulpzaam :P
Dankje
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic