Adrian Dunstans Site - Web Page Opacity

Tag:
HTML

December 2011

Opacity on Web Pages

This is an example of how to achieve opacity with an element on a web page.
To use it, you should have some intermediate knowledge of HTML and javascript.

function SetOpacity(elementName)
{

var opacity = 60;
var opaque = (opacity / 100);
document.getElementById(elementName).style.opacity = opaque;
document.getElementById(elementName).style.MozOpacity = opaque;
document.getElementById(elementName).style.filter = 'alpha(opacity=' + opacity + ')';
document.getElementById(elementName).style.display = 'block';

}

< Go Back