Søg
Avatar billede sonic666 Novice
19. januar 2010 - 14:58 Der er 4 kommentarer og
1 løsning

Delvist transperant indhold hen over BG-billede

Jeg har en side der består at et stort baggrunds-billede og en lille nenu i bunden af siden.

Når jeg klikker på et menupunkt vil jeg gerne have noget indhold vist midt på siden, men på en delvist transperant baggrund så man stadig kan se sidens baggrundsbillede igennem.

Aner ikke hvilke metoder der skal til og har derfor haft svært ved at søge efter det. Håber nogle kan hjælpe.


Nærmere forklaring:
Det jeg søger svare til at lave en iframe i mit index.htm dokument, men stadig kunne se index dokumentets baggrundsbillede gennem iframen. På den måde stadig have mulighed for scroll-bar osv...

Mener jeg har set noget i den stil før på diverse sider. Men hvordan gør man
Avatar billede Slettet bruger
19. januar 2010 - 15:17 #1
Med lag-på-lag

Nederst dit baggrundsbillede.

"Ovenpå" en div (position:absolute; top:0; right:0; bottom:0; left:0; border:0;) med sin egen bagground:en halv-gennemsigtig .png-fil.

Øverst det du vil vise.

Hvad der ligger øverst styres med z-index (f.eks: z-index:1000000;) jo større z-index jo nærmere toppen af "stakken"
Avatar billede sonic666 Novice
19. januar 2010 - 15:36 #2
OK.... ja det lyder sgu egentlig logsik nok.

Men hvordan tænder og slukker jeg så for de forskellige lag via en menu?

Og er der nogen mulighed for at beholde scroll-bar hvis der er for meget indhold til en side?
Avatar billede Slettet bruger
19. januar 2010 - 16:44 #3
Du tænder og slukker med javascript, ved at sætte hvert lag's style.display = "block" eller "none".

Dit link skal altså være af javascript-typen:
<a href='java script:visNyt()'>klik her</a>

<script>
function visNyt()
    {
    document.getElementById("shadowDiv").style.display = "block"
    ... vis det der skal vises...
    }

Mht. scrollbar: Den halv-gennemsigtige div vil fylde det hele - uanset størrelse - og altså også lægge sig henover evt. scrollbarer og gøre dem utilgængelige. Medmindre du levner lidt plads.
- F.eks i højre side: right:24px; (mener en scrollbar er 24 pixels bred normalt)

Men det nye du viser - hvor kommer det fra - hvad er det ?
Avatar billede sonic666 Novice
27. januar 2010 - 14:13 #4
OK tak :-)
Avatar billede sonic666 Novice
03. marts 2010 - 08:14 #5
skriv et svar T4NK3R så får du point
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
23/1221:36 Gøre Ikonerne lidt større i proceslinjen (Windows 10) Af Ikke-ekspert i Windows
White papers
Flere white papers »