Avatar billede deamill Nybegynder
17. december 2010 - 11:28 Der er 11 kommentarer og
1 løsning

Gray out en div

Hejsa,

Jeg har 2 DIV's på min side, den ene indeholder siden, den anden aktiveres når man trykker på et billede, og så vises billedet.

Jeg har lavet den sådan, at når man trykker på et billde, så sættes den første div's visibility til hidden, og den anden div sættes til visible, når man så trykker på luk billede, sættes div et igen til visible og div to til hidden.

Nu kunne jeg godt tænke mig, i stedet for helt at skjule div et når et billede vises, så bare gøre så dan bliver grayed out i baggrunden, når man så lukker billedet igen, så skal div et vises normalt igen.

Hvordan gør man det?

Altså en function til at gray out en div, og til at vise den helt igen?

På forhånd tak.

Mvh.
Kenneth
Avatar billede majbom Novice
17. december 2010 - 11:32 #1
du kunne ligge en div på i vinduets størrelse i den ønskede farve og opacity (ovenpå diven der skal gemmes og under den der skal vises)
Avatar billede deamill Nybegynder
17. december 2010 - 12:02 #2
Ja, men hvordan sætter jeg opacity? Det er noget med der både er en filter og en opacity der skal sættes?

Hvad skal jeg tildele opacity/filter for at gray den ud, hvad skal jeg tildele opacity/fileter for at vise den i normal udseende igen?
Avatar billede majbom Novice
17. december 2010 - 12:23 #3
style="opacity:0.4;filter:alpha(opacity=40)"

burde virke i de fleste browsere - så kan du jo prøve dig lidt frem med værdierne, det er jo en smagssag :)
Avatar billede deamill Nybegynder
17. december 2010 - 14:57 #4
Cool, det vil jeg lige prøve.

Hvilken opacity er "fuld" opacity?

Er det opacity:1.0 og filter:alpha(opacity=100)
Avatar billede majbom Novice
17. december 2010 - 21:20 #5
opacity betyder gennemsigtighed, så 100 er helt gennemsigtig og 0 er fuld farve...
Avatar billede deamill Nybegynder
20. december 2010 - 07:57 #6
Har prøvet nu, og det driller mig.

Jeg kan ikke hvis jeg sætter opacity til 1.0 / 100 få siden til at se ud som den gjorde inden jeg ændrer opacity.

Er der en måde at resette sit element på, så det vises "default"?

Jeg har i min style definition ikke sat opacity, så den er til at starte med det som browseren/html har som standard, og det kan ikke være fuld opacity, for sætter jeg fuld opacity, så bliver det meget lysere end det var.
Avatar billede majbom Novice
20. december 2010 - 09:45 #7
hvis du ikke har opacity med i din definition, så er der ingen opacity på dit element og det er jo så default :)
Avatar billede deamill Nybegynder
20. december 2010 - 09:52 #8
når man google problemet, så ser det ud til at der er en bug i IE med opacity og bold tekst.

Problemet er der i øvrigt ikke hvis jeg bruger mozila.
Avatar billede deamill Nybegynder
22. marts 2011 - 12:43 #9
@splazz

Smid lige et svar, som tak fo di ulejlighed :-)
Avatar billede majbom Novice
23. marts 2011 - 08:46 #10
kommer her

fandt du en løsning?
Avatar billede deamill Nybegynder
23. marts 2011 - 09:38 #11
Ja, jeg havde ikke opacity med i min definition, som du skrev :p
Avatar billede majbom Novice
23. marts 2011 - 09:51 #12
super - tfp :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester