Avatar billede drinkit Praktikant
14. september 2007 - 14:27 Der er 8 kommentarer og
1 løsning

opacity kun på tables, ikke på teksten og billederne!

Hejsa.. www.myspace.com/kennethbager
Som i kan se er profilens tables med 10% opacity.. men hvordan gør jeg så det kun er tables der er opacity 10, og ikke tekst og billede der er i tables...
Kan det lade sig gøre??

koden jeg har brugt indtil videre ser således ud:

opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
Avatar billede roenving Novice
15. september 2007 - 14:39 #1
Ved at placere det i to forskellige elementer !-)

Opacity på et element gælder ubetinget også for det, der er inde i elementet, så du skal have forskellige elementer for at have en opacitet, for noget indre, der er større !o]
Avatar billede drinkit Praktikant
15. september 2007 - 18:26 #2
dvs. mine tables skal have en DIV indeni, hvor alt indholdet så står i..? eller hvordan kan man gøre det.. forstår godt lidt hvad du mener :)!
Avatar billede roenving Novice
15. september 2007 - 20:24 #3
Njah, nok nærmest omvendt, jeg laver lige et eksemnpel ...
Avatar billede roenving Novice
15. september 2007 - 20:36 #4
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{width:864px;margin:0 auto;position:relative;}}
#mainTable{position:absolute;top:0;left:0;width:866px;height:300px;border:2px solid red;opacity:0.2;filter:alpha(opacity=20);}
#mainDiv{position:absolute;top:0;left:0;width:866px;height:300px;background:url(http://www.eksperten.dk/img/elogo.png) center center no-repeat;}
</style>
</head>
<body>
<div id="site">
  <table id="mainTable"><tr><td style="background:#999;">&nbsp;<br><br>Denne tekst er gennemsigtig</td></tr></table>
  <div id="mainDiv">
    Denne tekst står helt
  </div>
</div>
</body>

</html>
Avatar billede drinkit Praktikant
17. september 2007 - 08:58 #5
forstår ik helt, hvorfor er diven ovenover tablet? - uden z-index!?
- og tror desværre ikke jeg kan implementere det her i en myspace profil - men kan godt se det virker som jeg sagde!
... er der andre måder?
Avatar billede roenving Novice
21. september 2007 - 13:18 #6
Diven er ovenpå tabellen fordi den kommer efter i mark-uppen, ligesom det vil være, når du tager to stykker papir og lægger dem samme sted, det første vil komme nederst !-)
Avatar billede drinkit Praktikant
25. august 2009 - 22:12 #7
smid svar! lukker
Avatar billede roenving Novice
25. august 2009 - 22:40 #8
Oki '-)
Avatar billede roenving Novice
26. august 2009 - 12:03 #9
-- 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