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 #1Particulier
- Berichten
- 531
- Lid sinds
- 17 Jaar
Full page overlay opacity
-
In de schijnwerper
Uniek concept voor marketing en signing bureau's (eventspandoek.nl)Website te koopHoge affiliate-inkomsten! Word een hostslim-partner 20% terugkerende inkomsten!HostingWebsite over boeken te koop met maandelijkse omzetWebsite te koopNu 50% korting op duizenden linkopties | DR60+ DA50+ | Blogs & Links in alle nichesLinkpartners -
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 #3Particulier
- 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