Getting transparency right on the web

Thursday, June 2nd, 2011

Transparency effects on divs can look amazing when done right, here is a piece of fail safe code to ensure your transparencies look consistent accross all browsers.

Take a look at the code for IE will you! When are they going to learn?

Example of transparency on a DIV

div {
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
filter: alpha(opacity=50);
}

Written by Asher Charles

A computer geek and creative print and web designer. You can follow his daily design, web, Apple, geek stuff and life links on Twitter You can "like" on Facebook You can visit his portfolio of work here.

Feel free to leave a comment (please don't be a spammer)


Creating a landing page for your Facebook page

Tuesday, August 30, 2011

You may have seen them around, they are everywhere, if you are a business you are probably wondering how can I make my Facebook business look like that? In this article I will show you how to use an application…

Read the full article

That little extra padding using viewport

Thursday, June 9, 2011

The iPhone and iPad are great mobile devices for view websites, they both automatically take a 980px width of the site and fit it within the browser window. If you are like me and you use a grid systems when…

Read the full article

Getting transparency right on the web

Thursday, June 2, 2011

Transparency effects on divs can look amazing when done right, here is a piece of fail safe code to ensure your transparencies look consistent accross all browsers. Take a look at the code for IE will you! When are they…

Read the full article