Toon posts:

Semi-transparant

Pagina: 1
Acties:
  • 228 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
Ja, ik heb gezocht ja ;)

Het probleem: ik weet vrijwel zeker dat je in html de bgcolor van een table niet semi-transparant kunt maken, dus heb ik geprobeerd om een gifje te maken van 4*4 pixels, waarvan twee pixels wit zijn en twee transparant.

Het gebeuren ziet er dan op het eerste gezicht heel aardig uit, alleen als je er tekst op zet is deze vrijwel onleesbeer :(

Het moet er uiteindelijk dus zo uit komen te zien (preview uit fotosoep met gewoon 50% transparant):

Afbeeldingslocatie: http://www.crazaay.com/fok/semi-trans.jpg

Sidenote: Het hoeft alleen in IE te werken (het is voor een Intranet met alleen IE gebruikers :7).

Iemand nog goede ideeën (html graag met eventueel layers ofzo) :?

  • SchizoDuckie
  • Registratie: April 2001
  • Laatst online: 18-02-2025

SchizoDuckie

Kwaak

[search=css alpha]

:X

Stop uploading passwords to Github!


Verwijderd

Op vrijdag 25 januari 2002 15:17 schreef CraZaay het volgende:

Sidenote: Het hoeft alleen in IE te werken (het is voor een Intranet met alleen IE gebruikers :7).
Ah, dat maakt het makkelijk:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/filter.asp

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:22

crisp

Devver

Pixelated

style="filter alpha(opacity=50)" en een beetje rommelen met divjes inderdaad.

Intentionally left blank


Verwijderd

Topicstarter
/me proberen gaat.

Edit: Dat werkt dus inderdaad mooi!

Voor eenieder die dit topic voortaan vindt met de search: [topic=60646] heeft nuttige info.

Verwijderd

nog extra vraagje:
een tabel in een tabel met opacity 50 krijgt dat bij mij ook mee. moet je dat dan extra nog opgeven ofzo?
in de onderliggen tabellen weer opacity op 100 :?

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 20:44

RM-rf

1 2 3 4 5 7 6 8 9

Op vrijdag 25 januari 2002 15:23 schreef CraZaay het volgende:
Voor eenieder die dit topic voortaan vindt met de search: [topic=60646] heeft nuttige info.
goed idee :)
maar laten we niet vergeten dat voor iemand die met de search dit topic vind misschien wel op zoek is naar een multi-browser oplossing;
handig te weten dat mozilla ook alpha-transparantie ondersteund, en wel op 2 manieren:
ofwel via PNG (als background-image)
ofwel via de style="-moz-opacity:0.5;"

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:22

crisp

Devver

Pixelated

Hier is een voorbeeld. Ik gebruik een relatief gepositioneerde <SPAN> om de content zonder opacity weer te geven.

Intentionally left blank


  • El Reino
  • Registratie: November 2001
  • Laatst online: 26-11-2024
't leukste is natuurlijk als IE eens een keertje semi-transparante png'tjes zou gaan ondersteunen..

(valt wel weer in de categorie "de meeste dromen zijn bedrog")

Verwijderd

't leukste is natuurlijk als IE eens een keertje semi-transparante png'tjes zou gaan ondersteunen..
IE ondersteunt transparante PNG...
Zie http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp?frame=true

Je moet ze via een filter inladen en niet via <img src=....

  • Nietzman
  • Registratie: April 2000
  • Laatst online: 14-09 19:55

Nietzman

Woei!

Op vrijdag 25 januari 2002 15:17 schreef CraZaay het volgende:
blubbi
Je kan natuurlijk image maps in deze gefotosoepte testafbeelding gaan gebruiken... werk zeker....

Verwijderd

Topicstarter
Op vrijdag 25 januari 2002 20:53 schreef nietzman het volgende:

[..]

Je kan natuurlijk image maps in deze gefotosoepte testafbeelding gaan gebruiken... werk zeker....
1: teveel dataverkeer
2: het moet uit een dbase komen

  • gitaarwerk
  • Registratie: Augustus 2001
  • Niet online

gitaarwerk

Plays piano,…

Op zaterdag 26 januari 2002 13:22 schreef CraZaay het volgende:

[..]

1: teveel dataverkeer
2: het moet uit een dbase komen
ik hou et lekker op niet transparant..
ik had et voordat de servrmove ging, idd ff een alpha van 20% (80% visible) op een zwarte achtergrond. Zag er leuk uit, maar et maakt je text zo enorm onleesbaar idd..

Ontwikkelaar van NPM library Gleamy


Verwijderd

het heeft leuke effecten een kan een hoop werk schelen,
maar teveel browsers kunnen het niet dus kunt beter lekker fotosoepen :)

en text hoef tniet transparant.
Pagina: 1