Saturday, January 11, 2014

CSS Semi-Transparency

CSS Transparency for IE and Mozilla, Firebird and Firefox (-moz-opacity and filter: alpha) - DoMedia:
A working solution for transparency in web standards browser
Here's the CSS syntax:
p {color: rgba(255, 255, 255, 0.5);}



50% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh eui


#bgNew2 {
  width: 400px;
  height: 300px;
  background: url(http://www.domedia.org/oveklykken/leaf.gif) repeat;
  border: 2px solid black;
  padding: 40px;
}
#bgNew2 #bgNew2p {
  padding: 40px;
  font-size: 18px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.5);
}

No comments: