You may want to put some text here

CSS transparantie in alle browsers

Het gebruik van transparantie in CSS, is in de verschillende browsers zo verschillende, dat we maar liefst 4 lijnen nodig hebben om het werkende te krijgen.

Daarom even deze korte tutorial die je laat zien welke lijnen je best in je CSS opneemt, om transparantie in de meest voorkomende browsers te laten werken.

In dit voorbeeld zet ik de doorzichtigheid van de class “transparent” op 40%.

.transparent{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

Hieronder vindt je wat meer uitleg over welke lijn juist nodig is voor welke browser.

  • filter:aplha(opacity=40): Deze lijn is bedoeld voor de Internet Explorer browsers.
  • opacity: 0.4: Dit is zowat de belangrijkste lijn van alle vier, omdat deze de CSS standaard is. Deze lijn werkt in browsers als Firefox, Safari en Opera.
  • -moz-opacity:0.4: Deze lijn is bedoeld voor oudere versies van Firefox.
  • -khtml-opacity: Bedoeld voor oude versies van Safari.

The Author of this post is Wim Mostmans

Wim Mostmans heeft een eigen webontwikkeling bedrijf Sitebase waar hij voltijds voor werkt. Hij beheert ook nog enkele websites waaronder deze en een Computerforum. Blijf op de hoogte van waar Wim mee bezig is door hem te volgen op Twitter.

2 Responses »

Leave a Comment