11Jan/09Off

CSS Opacity Tip

I just found a nice simple list of basic css tips, and right away found one tip to put to use in this blog: opacity. I initially struggled with getting the opacity to look right in this design, and thought I had it solved, but now I see that there are other older browsers I wasn't accommodating. If only all browsers behaved the same...

.class {
    opacity: 0.7;
    filter:alpha(opacity=70);
    -ms-filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity:0.7;
}

I had the first two, opacity and filter:alpha, but didn't know about the other three.

Learned something new today!  :-)

Filed under: Design Comments Off
Comments (0) Trackbacks (0)

Sorry, the comment form is closed at this time.

No trackbacks yet.