Avatar billede kunop Nybegynder
07. januar 2003 - 22:00 Der er 8 kommentarer og
1 løsning

Gennemsigtig baggrund

Jeg har lige et spørgsmål angående hvorvidt det kan lade sig gøre at lave en gennemsigtig baggrund? Og hvordan det evt. kan lade sig gøre!?

Jeg har forsøgt mig med nedenstående, men det virker ikke helt. Håber i vil tage udgangspunkt i nedenstående kode!

<background="/images/bg-popup.gif" style="filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)">
Avatar billede 7th Praktikant
07. januar 2003 - 22:05 #1
Prøv med style="filter:alpha(opacity=xxx)" - erstat xxx med hvor meget du vil have baggrunden gennemsigtig.
Avatar billede ztyxx Nybegynder
07. januar 2003 - 22:11 #2
<style type="text/css">
body {
    background-image:url("images/bg-popup.gif");
    filter:Alpha(Opacity=50);
   
</style>
Avatar billede 7th Praktikant
07. januar 2003 - 22:12 #3
Det virker ihvertfald i IE 6.0 hos mig...
Avatar billede kunop Nybegynder
07. januar 2003 - 22:13 #4
Sker det samme som før... Den kan ikke finde ud af om den skal forholde sig til baggrunden eller til indholdet i tabellen. Den tager indholdet og gør det gennemsigtigt, i stedet for baggrunden!

Du får lige lidt mere kode, så det bliver lettere at se hvad det går ud på...

<table width="100%" cellpadding="2" cellspacing="2" background="/images/bg-popup.gif" style="filter:alpha(opacity=50)">
Avatar billede kunop Nybegynder
07. januar 2003 - 22:33 #5
Ingen af forslagene virker...
Avatar billede Slettet bruger
07. januar 2003 - 22:55 #6
style="background: transparent;"
Avatar billede 7th Praktikant
08. januar 2003 - 00:09 #7
Ahh det skulle du have fortalt fra starten ;) Det gør det hele lidt mere kompliceret, anyway jeg har lavet et lille eksempel som jeg tror du kan bruge.

<style type="text/css">
body
{
background-color: #cccccc;
}

.gennemsigtig
{
background-image: url("brown-filer/pc_dk.gif");
background-repeat: no-repeat;
filter: alpha(opacity=50);
}

td
{
color: #000000;
font-family: verdana, sans-serif;
font-size: 10px;
text-align: center;
}

#lag1
{
left: 100px;
position: absolute;
top: 100px;
z-index: 1;
}

#lag2
{
position: relative;
z-index: 2;
}
</style>

- - - - - - - - - -

<div id="lag1">
<table border="0" cellpadding="0" cellspacing="0" class="gennemsigtig" width="200">
<tr>
<td height="200" width="200">

<div id="lag2">
<table border="0" cellpadding="0" cellspacing="0" width="200">
<tr>
<td height="200" width="200">
Test Test Test
</td>
</tr>
</table>
</div>

</td>
</tr>
</table>
</div>
Avatar billede 7th Praktikant
08. januar 2003 - 00:49 #8
Avatar billede kunop Nybegynder
08. januar 2003 - 12:04 #9
Tak for hjælpen....
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