apply alpha filters KUN til baggrunden af table

Det kan løses på den måde jeg brugte til www.FotoSupport.dk
Jeg lavede 2 helt ens DIV, med forskel af filter og z-index. Det nederste lag (z-index : 0) fik et filter med opaque, og det øverste (z-index : 5) fik intet filter, men derimod en "background : none", derved blev indholdet helt tydeligt, imens baggrunden blev dæmpet.

kan du komme til og vise mig koden? så kan jeg der se hvad det er du mener.  det er altid lidt svært med de her "beskrivende måde" :-)

Hvorfor bruge en one-celle table ?-)

<div style="position:relative;">
  <div style="position:absolute;top:0px;left:0px;z-index:0;width:200px;height:200px;filter:alpha(opacity=10);-moz-opacity:0.1;background:url(minBaggrund.jpg);"></div>
  <div style="position:absolute;top:0px;left:0px;width:200px;height:200px;z-index:1;text-align:center;">Denne tekst er ikke blurret, som baggrunden er !-)</div>
</div>

ahh, jamen det er heler ikke en one-celle table, det var bare for at forklare det nemmere.  men, jeg kan nu stadigt ikke få det til at virke

Hvis du har det inde i en celle, skal du bare tilføje style="position:relative;" i cellen, så virkler det ...

-- og selvfølgelig tilpasse de andre properties ...

Denne tabel her der skal være opacity=70
<table width="330" height="426" border="0" cellspacing="0" cellpadding="0">
                    <tr>
    <td>DET ER DETTE INDHOLD JEG VIL HAVE TIL AT STÅ SKARPT</td>
  </tr>
</table>

Nu viser du igen en en-cellet tabel, men hvis du har flere celler, og kun den ene skal stå klart, skal vi bruge den ovenfor skitserede løsning, som langthjem så glimrende illustrer, men det er så nødvendigt at give det ovenpå liggende element en position, som kan findes ...

-- alternativ kan man også give det bagved-liggende element et z-index, som er negativt, men jeg har ikke helt forstået, hvor meget der skal have opacity !-)

der kommer flere celler og de skal alle stå klart. faktisk på samme måde som www.FotoSupport.dk

jeg prøver lige og rode med det jeg har her imorgen, og skriver så tilbage.  jeg skal nemlig møde på arbejde om 30 min

<div style="position:relative;">
  <div style="position:absolute;top:0px;left:0px;z-index:-1;width:330px;height:426px;filter:alpha(opacity=10);-moz-opacity:0.1;background:url(minBaggrund.jpg);"></div>
  <div style="position:absolute;top:0px;left:0px;width:200px;height:200px;z-index:1;text-align:center;">Denne tekst er ikke blurret, som baggrunden er !-)</div>
  <table style="position:absolute;top:0px;left:0px;;width:330px;height:426px;border:0;border-collapse:collapse;" cellspacing="0" cellpadding="0">
    <tr>
      <td>DET ER DETTE INDHOLD JEG VIL HAVE TIL AT STÅ SKARPT</td>
    </tr>
  </table>
</div>

-- øv, den midterste div skulle selvfølgelig ikke have været med ...

ok, jeg kager lidt i det her.  Den måde der vises her, gør jo at man skal indtaste værdien af hvor "style position" er.
Kan man ikke skippe det sådan at table holder sig der hvor den er sat ind.?
du må indeligt sige til hvis min beskrivelse er for uklar.

her ses den code hvor det skal sætte ind, jeg ville meget gerne have den "transparent" table til og stå side om side med FLASH filen.

<table width="780" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td ><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="360" height="480" id="kitch_girl" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="kitch_girl.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#00ff00" />
<embed src="kitch_girl.swf" quality="high" wmode="transparent" bgcolor="#00ff00" width="360" height="480" name="kitch_girl" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>
</object></td>
                <td >
               
               
<div style="position:relative;">
  <div style="position:absolute;top:0px;left:0px;z-index:-1;width:330px;height:426px;filter:alpha(opacity=10);-moz-opacity:0.1;background:url(minBaggrund.jpg);"></div>
<table style="position:absolute;top:0px;left:0px;;width:330px;height:426px;border:0;border-collapse:collapse;" cellspacing="0" cellpadding="0">
    <tr>
      <td>DET ER DETTE INDHOLD JEG VIL HAVE TIL AT STÅ SKARPT</td>
    </tr>
  </table>
</div>       
               
               
                </td>
       
  </tr>
</table>

Hov, Jeg fik det skam til at virke :-)
med denne code sidder området låst fast :-)

<div style="position:relative;">
  <div style="position:absolute;top:0px;left:0px;z-index:-1;width:330px;height:426px;filter:alpha(opacity=50);-moz-opacity:0.1;background:url(main%20gfxx/brown_box.jpg);"></div>
  <table style="width:330px;height:426px;border:0;border-collapse:collapse;" cellspacing="0" cellpadding="0">
    <tr>
      <td>D<img src="justdate_ad.jpg"></td>
    </tr>
  </table>
</div>

men nej :-( der er et problem.  Hvis man resizer siden til til en der er størrer, så bliver baggrunds boxen låst fast i dens gamle position

Æv!

Måske kan du leve med at indsætte en reload onresize i body-tagget:

onresize="location.reload(false);"

hvad gør "false" i den kode?

Den burde hente fra browserens cache, men den er ikke helt til at stole på, afhængig af browser og brugerindstillinger ...

onresize="location.reload(false);" virker fint, og er en ok løsning

Jeg har lige et BONUS spg. hvis jeg inde i tabellen sætter en iframe, kan man så lave det sådan at denne er uden baggrund.  Altså hvis jeg bare sætter iframe siden til ikke og have nogen baggrund, så bliver den bare hvid eller grå ?

<iframe src="iframe.html" id="IFRAMEID" width="500" allowtransparency style="background:transparent;"></iframe>

allowtransparency til IE og style="background:transparent;" for at være sikre på de andre browsere ...

-- og velbekomme '-)

tak, det kan jeg dog ikke få til at virke. hvad kan jeg lave forkert?
<td><iframe src="/amx_v5/4images" id=main width="100%" height="100%" allowtransparency style="background:transparent;" scrolling="no" frameborder="0" framespacing="0" framepadding="0" align="center"></iframe></td>

Du skal så også have background på det dokument, du sætter i iframen enten uden background-color eller med transparent som baggrundsfarve !-)

-- det er ellers rigtigt, såvidt jeg kan se, for den jeg postede virkede ganske udmærket i både IE og Mozilla !-)

hvis jeg sætter background i dokumentent som GRØN skal jeg så definere at den grønne skal være transparent?

Næh, du skal lade være med at sætte baggrund på dokumentet i iframen eller evt. sætte den til transparent, mit dokument i iframen har ingen defineret baggrund ...

ok, det var også det jeg gjorde i første omgang.  det er et lidt kompliceret dokument der er i iframen, da det indeholder en del bla. php og er bygget op på en speciel måde. Jeg prøver lige og køre en test med et andet dokument

ok, har lige kørt en test med en hel ren html side, med denne body tag
<body text="#000000">

og med denne kode i mit dokument med link til iframe
<div style="position:relative;">
  <div style="position:absolute;top:0px;left:0px;z-index:-1;width:330px;height:426px;filter:alpha(opacity=70);-moz-opacity:0.1;background:url(images/brown_box.jpg);"></div>
  <table style="width:330px;height:426px;border:0;border-collapse:collapse;" cellspacing="0" cellpadding="0">
    <tr>
      <td><iframe src="test.htm" id=main width="100%" height="100%" allowtransparency style="background:transparent;" scrolling="no" frameborder="0" framespacing="0" framepadding="0" align="center"></iframe></td>
    </tr>
  </table>
</div>

Når jeg loader min side op, er baggrunden i iframed hvid? :-(

Den eneste style, jeg har på mit iframe-dokument er:

html,body{margin:0px;padding:0px;width:400px;overflow:auto;}

-- og så har jeg selvfølgelig doctype på begge dokumenter:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

hvilken kode bruger du til <iframe> tag?
(kan stadig ikke få det til at virke :-(

Seriøst, nu har jeg fået det til at virke.  Jeg tænkte, at jeg da lige ville ændre DOCTYPE, og prøve.

Det var så det der var problemet, så der var åbenbart en forskel der.

Så nu virker det hele :-)

Yibiiii
(og ingen bonus spørgsmål)

-- og den kode, jeg havde brugt er præcis den, jeg lagde 21:57:08

Tak for point ;~}