Søg
Avatar billede christian Nybegynder
12. august 2003 - 12:24 Der er 22 kommentarer og
1 løsning

Opacity på tabel, men med sort tekst

Hej,

Kan det lade sig gøre at have en tabel hvor baggrundsfarven er gennemsigtig, altså kun baggrundsfarven?

Eller vil indhold som ligger under noget som er gennemsigtigt altid være gennemsigtigt

Jeg har lavet følgende, hvor det ikke virker

<html>
<body bgcolor="red">
<table style="-moz-opacity:50%; filter : Alpha(Opacity=50); background-color:blue;">
    <tr>
        <td><strong>HER ER DER NOGET TEKST!!! SOM SKAL VÆRE SORT!!!</strong></td>
    </tr>
</table>
<table style="background-color:blue;">
    <tr>
        <td><strong>HER ER DER NOGET TEKST!!! SOM SKAL VÆRE SORT!!!</strong></td>
    </tr>
</table>
</body>
</html>
Avatar billede snoezel Nybegynder
12. august 2003 - 12:28 #1
<html>
<body bgcolor="red">
<table style="opacity:50%; filter : Alpha(Opacity=50); background-color:blue;">
    <tr>
        <td><strong>HER ER DER NOGET TEKST!!! SOM SKAL VÆRE SORT!!!</strong></td>
    </tr>
</table>
<table style="background-color:blue;">
    <tr>
        <td><strong>HER ER DER NOGET TEKST!!! SOM SKAL VÆRE SORT!!!</strong></td>
    </tr>
</table>
</body>
</html>
Avatar billede snoezel Nybegynder
12. august 2003 - 12:29 #2
Nu er den øverste celle transparent, fjernede din" -moz- " hvorfor er det egentlig med ?
Avatar billede 7th Praktikant
12. august 2003 - 12:32 #3
Du kan løse det således http://home1.stofanet.dk/jong/test/faded.htm - her er blot et eksempel brugt på et baggrundsbillede, men grundideen er den samme. Du kan selv tilføje for opacity for mozilla, for det har jeg glemt i eksemplet :)
Avatar billede exp Juniormester
12. august 2003 - 12:40 #4
snoezel >>
-moz- gør at det også virker i mozilla...
Avatar billede grunken Nybegynder
12. august 2003 - 12:44 #5
og

-moz-opacity:50%;

skal ændres til

-moz-opacity:0.5;

;)
Avatar billede snoezel Nybegynder
12. august 2003 - 12:52 #6
exp>> Tak :)
Avatar billede christian Nybegynder
12. august 2003 - 12:58 #7
<<snoezel
Sådan virkede det også før, problemmet er at teksten også bliver transparent, det skal den ikke...
<<grunken
50% virker ellers også... men du siger at det er korrekt at bruge 0.5?

<<7th
Jeg kan få det til at virke i explorer, ved hjælp af din kode men netscape 7 vil ikke lave teksten sort (-moz-opacity:0.5;
)

Jeg lader spørgsmålet stå åbent lidt endnu
Avatar billede roenving Novice
12. august 2003 - 13:04 #8
Eneste mulighed er så vidt jeg kan gennemskue at lægge et nyt element ovenpå ...
Avatar billede snoezel Nybegynder
12. august 2003 - 13:14 #9
Nu ved jeg ikke om det skal bruges til noget specielt - men hvorfor ikke lave en mouseover på <TD> ?
Avatar billede 7th Praktikant
12. august 2003 - 13:23 #10
Arbejder lige på et lille eksempel...
Avatar billede christian Nybegynder
12. august 2003 - 13:49 #11
det som jeg skal bruge det til, er at jeg har et baggrunds billede som har en masse striber og farver, oven på det skal jeg så have en boks som skal være transparent, inde i boksen kan der være tekst og billeder, men de skal ikke være transparente
Avatar billede 7th Praktikant
12. august 2003 - 13:52 #12
OK, jeg kan godt se problemet. I Mozilla "oparver" divs opacity. Jeg kan ikke lige på stående fod løse problemet, har dog en ide :) Desværre har jeg ikke mere tid til overs lige nu, men hvis du kan vente til efter jeg har spist aftensmad, og vel at mærke hvis du stadigvæk har problemer, skal jeg nok prøve at løse det for dig.
Avatar billede grunken Nybegynder
12. august 2003 - 14:08 #13
vi er enige om at at vi snakker om noget ligende det her ?

http://www.grunken.dk/exp/386516.html
Avatar billede christian Nybegynder
12. august 2003 - 14:11 #14
<<7th
Det er helt fint, det haster ikke

Der findes også en anden metode ved dog ikke helt om den kan lykkedes da der er farver indblandet, men denne metode burde kunne virke i alle 4+ browsere
Den bliver brugt her: http://www.nypl.org/styleguide/
Han lægger en transparent gif ind sit objekt... det er lidt svært at forklare
Avatar billede christian Nybegynder
12. august 2003 - 14:13 #15
<<grunken
Ja, det er sådan det skal se ud
Avatar billede mvk Nybegynder
29. august 2003 - 14:03 #16
kan man ikke gøre sådan:
<td STYLE="filter:Alpha(Opacity=40);-moz-opacity:0.4;background-color:#FFFFFF;">&nbsp;&nbsp;ABOUT US&nbsp;&nbsp;</td>
Avatar billede mvk Nybegynder
29. august 2003 - 14:06 #17
med denne her bliver teksten i cellen også gennemsigtig - det er vel ikke tanken ? <table style="opacity:50%; filter : Alpha(Opacity=50); background-color:blue;">
Avatar billede mvk Nybegynder
29. august 2003 - 14:08 #18
CSS:
.gennemsigtig
{
background-color: #8C8437;
filter: alpha(opacity=90);
}
den fungerer heller ikke optimalt
Avatar billede sbm Nybegynder
25. september 2003 - 10:22 #19
Et forslag:

Du laver to tabeller inde i hinanden. Den yderste (eller bageste om du vil) er tom. Den rummer kun EN celle, og den celle rummer den inderste tabel. Ingen borders og en gennemsigtig blå baggrundsfarve.

Den inderste tabel ser ud som du gerne vil have din "synlige" tabel til at se ud. Den har INGEN baggrund. Altså vil det være den underliggende blå tabel der ses som baggrund.
Avatar billede sbm Nybegynder
25. september 2003 - 10:24 #20
<head>
<style>
<!--
.gennemsigtig
{
background-color: #8C8437;
filter: alpha(opacity=90);
}

-->
</style>
</head>
<body>

<table border="0" cellpadding="0" cellspacing="0" class="gennemsigtig">
<tr><td>
    <table>
    <tr><td>Bla bla bla</td></tr>
    </table>
</td></tr>
</table>

</body>


Ikke testet men noget i den stil.....
Avatar billede christian Nybegynder
25. september 2003 - 11:05 #21
>>sbm
Med din metode vil 'Bla bla bla' bliver gennemsigtigt... alt som ligger under classen gennemsigtig vil have en opasitet på 90%

7th får point, da jeg kom længst med hans eksempel...
Men efter at det hele virkede perfekt og jeg havde den ønskede effekt, begyndte alle div'er at opfører sig meget underligt når jeg lavede simple swap image funktioner, nogle gange kunne jeg ikke sætte et tilfældigt tal eller bogstav ind i en celle, så forsvandt alle mine div'er og span's

Så jeg endte med en løsning med at lægge baggrundsbillleder ind i tabeller denne måde virkede i ns4+, e4+ på WIN og MAC OS9 og MAC OSX
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 11:06 #22
...og hvad så hvis du specifikt sætter en højere opacity for den inderste tabel?
Avatar billede christian Nybegynder
25. september 2003 - 11:08 #23
Det nytter heller ikke :-(

Det eneste man kunne gøre var at lege lidt med z-index men så skete der buggy ting i explorer
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
06/0911:47 VB script Af Jenshentze i Word
White papers
Flere white papers »