Josh Stauffer» CSS http://www.joshstauffer.com WordPress, Genesis, & Things I Care About Sun, 11 Dec 2011 01:08:20 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Apply CSS Transparency to Images http://www.joshstauffer.com/apply-css-transparency-to-images/ http://www.joshstauffer.com/apply-css-transparency-to-images/#comments Thu, 07 Jun 2007 06:13:18 +0000 Josh Stauffer http://www.joshstauffer.com/2007/06/07/apply-css-transparency-to-images/
  • Neat Pop-up Windows for Images
  • Dynamic Menus in a Dreamweaver Template
  • Free Silhouette Images
    • ]]>

    To apply CSS transparency to images add the following properties and values to the appropriate CSS selectors. An image without any filters applied to it has an opacity of 1.0. If an image has 30% opacity it also has 70% transparency. Hover your mouse over the image below for an example.

    a.transthumb img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
a.transthumb:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

    Orange Mug

    Related posts:

    1. Neat Pop-up Windows for Images
    2. Dynamic Menus in a Dreamweaver Template
    3. Free Silhouette Images

    ]]>     http://www.joshstauffer.com/apply-css-transparency-to-images/feed/ 1