02. september 2004 - 21:11Der er
9 kommentarer og 1 løsning
Div som ligger oven på alt andet
Hej alle
Jeg er lige ved at lave det sidste på en gæstebog og jeg vil godt have at det er sådan at hvis man vil skrive et indlæg så skal der komme et firkantet boks frem oven på alt det andet.. Den skal så være en smule gennemsigtig og have en kryds i hjørnet, og så skal man kunne udfylde felterne og trykke gem..
Selve gem delen kan jeg godt lige fixe selv :D men jeg ved ikke lige hvordan jeg laver det andet...
Du laver da bare en div, som er skjult fra start ...
Indeni sætter du en anden div foroven i den, indsætter et grafisk kryds, som skjuler hele div'en igen ...
Desuden sætter du selvfølgelig formen indeni !-)
Så sætter du nogle css-styles for boksen, f.eks.
#inputDiv{ position:absolute; width:300px; height:200px; top:200px; left:300px; z-index:100;/*Denne sørger for at den er øverst*/ filter:alpha(opacity=90); -moz-opacity:0.9; }
og så sætter du id="inputDiv" i div-tagget !o]
-- men som sbk gør opmærksom på, findes der nogle html-elementer, man ikke kan komme ovenpå, f.eks. select-boxe, object-tags mv.
Okay, tester det lige... :D når man skriver filer:alpha(opacity=90) så virker det kun i IE, ikk ??? Det skal helts virker så vidt det er muligt i alle browsere.
Så skal du kende brugerens opløsning, så der er derfor behov for at sætte den på plads med javascript !-)
-- og du har helt ret i at filter:alpha(opacity=90) er en IE-only-ting, netop derfor har jeg også medtaget Gecko-tingen -moz-opacity:0.9; som gør det samme ...
Da det er de eneste browsere, som overhovedet understøtter den slags begrænset gennemsigtighed, er det måden at gøre det på ...
Så understøtter du i hvert fald IE, Netscape, Mozilla, FireFox, Camino ...
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.