Avatar billede musicchart.dk Nybegynder
29. juli 2002 - 12:18 Der er 15 kommentarer og
1 løsning

Indhold i tabel skal ikke være transparent

Hey

Jeg bruger denne kode til at gøre en table transparent, men det forårsager at alt indholdet i tabellen også bliver transparent, hvordan undgår jeg dette?

KODE:

<table width="100" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCC00" onMouseOver="this.filters.alpha.opacity=65" onMouseOut="this.filters.alpha.opacity=65" style="filter:alpha(opacity=65)" name="Test">
Avatar billede pelkjaer Nybegynder
29. juli 2002 - 12:25 #1
Måske virker dette (er ikke testet)

<tr>
<td allowtransparency="false">indhold</td>
</tr>
Avatar billede musicchart.dk Nybegynder
29. juli 2002 - 12:30 #2
nope... det virker ikke:(
Avatar billede hmm10 Nybegynder
29. juli 2002 - 12:37 #3
Hvorfor skal den være transparent. En tabel er da altid "transparent", da den ikke indeholder en baggrundsfarve..
Avatar billede =maddog= Nybegynder
29. juli 2002 - 12:38 #4
det er faktisk hammer svært. tog mig en time at hitte ud af sidste gang. Det er godt nok i en div, men håber det hjælper.
http://www.eksperten.dk/spm/232309
Avatar billede =maddog= Nybegynder
29. juli 2002 - 12:39 #5
hmm10> han vil have opacity på rammen/baggrundsbilledet og ikke skriften. Men det er ikke sådan bare lige...
Avatar billede =maddog= Nybegynder
29. juli 2002 - 12:40 #6
Avatar billede hmm10 Nybegynder
29. juli 2002 - 12:40 #7
ok
Avatar billede pelkjaer Nybegynder
29. juli 2002 - 12:43 #8
Smart.
Avatar billede =maddog= Nybegynder
29. juli 2002 - 12:43 #9
ganske fikst.
Avatar billede musicchart.dk Nybegynder
29. juli 2002 - 12:52 #10
ok, men hvordan bruger jeg den til min tabel <tr> ? Ska jeg sætte:

<table onMouseOver="this.filters.alpha.opacity=65" onMouseOut="this.filters.alpha.opacity=65" style="filter:alpha(opacity=65)">
<tr>
<div id="contentHolder">
<div id="transparentLayer">
<div id="balloon"></div>
<div id="nonTransparentLayer">
<td>tekst</td>
</div>
</div>
</div>
</tr>
</table>
Avatar billede musicchart.dk Nybegynder
29. juli 2002 - 12:52 #11
...med dette på siden selføli':

    <script>
    onload=function() {
        if (!document.all && document.getElementById) { // vi bliver nød til at fjerne contentholder i NS6. desværre også bygge styles ind.
          topnode = document.getElementById('contentHolder').parentNode;
          nd = document.getElementById('nonTransparentLayer').cloneNode(true);
          nd.style.overflow = 'auto';
          nd.style.width = '320px';
          nd.style.height = '450px';
          nd.style.padding = '5px';
          nd.style.border = '1px';
          nd.style.backgroundColor = '#bbcaf3'; // farve valgt så det ligner IE.
          topnode.removeChild(document.getElementById('contentHolder'));
          topnode.appendChild(nd);
        } else { // bare derudaf. vi overskrive onscroll fra det gennemskinnelige lag og binder det til style.top på indholdet
          document.getElementById('balloon').style.height=document.getElementById('nonTransparentLayer').clientHeight;
          document.getElementById('transparentLayer').onscroll = function() {
              document.getElementById('nonTransparentLayer').style.top=-document.getElementById('transparentLayer').scrollTop;
          }
        }
    }
    </script>
    <style>
    #contentHolder {
        width:320px; height:450px; z-index:-1;
        overflow:hidden;
    }
    #transparentLayer {
        position:absolute;
        width:320px; height:450px; z-index:1;
        overflow:auto;
        padding:5px; border:1 solid #2372DD;
        background:#17488B;
        filter: Alpha(Opacity=30);
    }
    #nonTransparentLayer {
        position:absolute;
        width:300px; height:450px; z-index:2;
        color:black;
    }
    </style>
Avatar billede =maddog= Nybegynder
29. juli 2002 - 13:04 #12
sagen er at så vidt jeg husker skal div'en være absolut positioneret, for at kunne tage opacity værdier... Men du kan prøve at nakke position:absolute ud af stylesheetet og se hvad der sker...
Avatar billede =maddog= Nybegynder
29. juli 2002 - 13:11 #13
og i øvrigt ville jeg nok anbringe div samlingen inde i <td>. <tr> er ikke så glad for at have andre børn end tabel celler..
Avatar billede musicchart.dk Nybegynder
08. oktober 2002 - 10:53 #14
=maddog= >> ok, tak for 'et... skriver du ikke lige et svar
Avatar billede =maddog= Nybegynder
08. oktober 2002 - 14:32 #15
10-4
Avatar billede musicchart.dk Nybegynder
08. oktober 2002 - 15:16 #16
'kay
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