Avatar billede dxs Nybegynder
08. december 2004 - 20:44 Der er 10 kommentarer og
1 løsning

Opacity på baggrunden i CSS

Hej
Jeg har en et baggrundsbillede jeg skal have ændret opacity'en på. Jeg er gået ud fra et spm der allerede var blevet stillet herinde og det virker også meget fint: www.eksperten.dk/spm/312256

Men nu er mit spm. så, hvordan jeg bruger dette script hvis jeg skal have flere tabeller med en faded baggrund. Feks, hvis jeg har myTBL2 og bg2 hvor opacity skal være anderledes?

Håber i forstår

/dxs
Avatar billede roenving Novice
18. december 2004 - 20:01 #1
Du kan ikke ændre opacity på baggrunden alene, men skal gøre det på hele elementet !-)
Avatar billede dxs Nybegynder
20. december 2004 - 22:17 #2
hmm det forstår jeg ikke? jeg har ændret opacity'en på tabellenerne? men det er kun den ene af tabellerne hvor opacity'en virker.. hvis i forstår?
Avatar billede knudgert Nybegynder
20. december 2004 - 22:23 #3
Kom med et link til siden (upload en testside, hvis den ikke er online).
Avatar billede dxs Nybegynder
21. december 2004 - 01:43 #4
nah nu har jeg fundet ud af det... men hvordan gør jeg tabellen kun fx 25 % synlig hvor indholdet af tabellen er 100% synlig?
Avatar billede roenving Novice
21. december 2004 - 23:20 #5
Det kan man ikke, jvnf. min første kommentar ...

Har du brug for det, skal du placere to elementer ovenpå hinanden !-)
Avatar billede dxs Nybegynder
22. december 2004 - 18:18 #6
okay. kan du ikke forklare mig hvordan så? altså jeg har en tabel som der står noget i, baggrunden i den tabel skal have en opacity på fx 50%. hvordan mener du med at placere 2 elementer ovenpå hindanden :S
Avatar billede dxs Nybegynder
22. december 2004 - 22:16 #7
Avatar billede dxs Nybegynder
22. december 2004 - 22:17 #8
tak for hjælpen roenving, lægger du ik lige et svar ;0)
Avatar billede dxs Nybegynder
23. december 2004 - 14:16 #9
har lige et tillægsspørgsmål 8P .. jeg har fået den til at vise det helt fint i internet  eksplorer men når jeg viser siden i enten netscape eller firefox bliver ikke kun baggrund men det hele faded? hvordan klarer jeg det problem?
Avatar billede roenving Novice
23. december 2004 - 14:49 #10
Det står jo sådan set i det link, du henviser til:

"
-moz-opacity and opacity, all elements inside the styled box will also recieve the same transparency.

IE will need a position:relative if you want the child element not to inherit the transparency.
"

En måde at heve noget gennemsigtigt bag ved noget fuldt synligt er f.eks.

<div style="position:relative;">
  <img src="minBaggrund.gif" style="filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;width:200px;height:200px;">
  <div style="position:absolute;width:200px;height:200px;">
    50% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
  </div>
</div>

Velbekomme '-)
Avatar billede roenving Novice
21. juli 2005 - 19:21 #11
-- og tak for 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
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