[CSS] Table background doorzichtig, tekst niet?

Pagina: 1
Acties:

  • Booster
  • Registratie: Februari 2000
  • Laatst online: 27-08 22:11

Booster

Superuser

Topicstarter
Stel ik heb een table of een td die ik een filter meegeef:
code:
1
filter: alpha(opacity=25, finishOpacity=25, style=1);

Achtergrondkleurtje van die table is zwart, en dat werkt allemaal netjes.

Nou ga ik tekst in de tabel zetten en die wil ik apart de opacity van opgeven. Ik heb eventjes standaard geprobeerd door een class aan te maken; .nietdoorzichtig
en die bevat dus o.a. deze regel:
code:
1
filter: alpha(opacity=100, finishopacity=100, style=1);

Je raad het al: dat werkt niet.

Moet ik hiervoor nou al direct aan de layers e.d?

The cake is a lie | The Borealis awaits...


  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 08:34
Booster:
Moet ik hiervoor nou al direct aan de layers e.d?
Kort maar krachtig: ja.

  • Booster
  • Registratie: Februari 2000
  • Laatst online: 27-08 22:11

Booster

Superuser

Topicstarter
Ok :)

Nog nooit met layers gewerkt... (jaja, ik schaam me al :P)
Dus dan gaan we maar op zoek naar de eerste de beste 'tutorial' over layers.

Tenzij er nog iemand met een briljant idee komt?

The cake is a lie | The Borealis awaits...


  • Guillome
  • Registratie: Januari 2001
  • Niet online

Guillome

test

Mhoa
Als je er nou een div inzet, met daar Opacity:100% ofzo, doet ie t dan niet goed?
Of 2 tabellen overelkaar heen
1 met en 1 zonder trans.
Met z-indez en position:absolute enzo

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 09:27

crisp

Devver

Pixelated

code:
1
2
3
4
5
6
7
8
9
<table>
  <tr>
    <td style="background: #f0f0f0; filter: alpha(opacity=40)">
    <span style="position: relative; z-index: 2">
      <h1>Zwarte text!</h1>
    </span>
    </td>
  </tr>
</table>

Intentionally left blank


  • Booster
  • Registratie: Februari 2000
  • Laatst online: 27-08 22:11

Booster

Superuser

Topicstarter
Daar ga ik straks even naar kijken, ben op dat gebied totaal onervaren met HTML. (dus, moet even zorgen dat ik het behalve klakkeloos invoer, ook nog redelijk begrijp wat er staat)

The cake is a lie | The Borealis awaits...


  • Booster
  • Registratie: Februari 2000
  • Laatst online: 27-08 22:11

Booster

Superuser

Topicstarter
Ok dan :) Het gaat goed, heb mezelf even op de hoogte gebracht van wat dingetjes omtrend layers (much to learn ahead though) en heb ondertussen al wat inzicht in hoe ik het moet aanpakken.

Loop nu alleen tegen het volgende CSS prob aan:
[topic=492958]

The cake is a lie | The Borealis awaits...


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 09:27

crisp

Devver

Pixelated

ik neem aan dat dropshadow ook een filter is, probeer dan bij beide er filter: voor te zetten...

Intentionally left blank


  • Booster
  • Registratie: Februari 2000
  • Laatst online: 27-08 22:11

Booster

Superuser

Topicstarter
Op zondag 12 mei 2002 20:35 schreef crisp het volgende:
ik neem aan dat dropshadow ook een filter is, probeer dan bij beide er filter: voor te zetten...
Dat heb ik geprobeerd :)

Alleen dan krijg je het probleem dat hij alleen de laatste filter pakt (ze overrulen elkaar)...
Ik vond dat namelijk eerst logisch, gewoon 2x filter neerknallen en gaan met die bak. Maar dat bleek toch niet zo'n logische oplossing te zijn :)

The cake is a lie | The Borealis awaits...


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 09:27

crisp

Devver

Pixelated

filters combineren kan gewoon zo:
code:
1
filter: dropshadow(color=black, offx=1, offy=1) alpha(opacity=70)

zonder ; ertussen dus...

Intentionally left blank


  • Booster
  • Registratie: Februari 2000
  • Laatst online: 27-08 22:11

Booster

Superuser

Topicstarter
:*

Geweldig. Na 6 uur CSS zie je dit echt niet meer staan :)
* Booster zet gelijk een bedankje in zijn ICQ Away-msg :P

The cake is a lie | The Borealis awaits...

Pagina: 1