Comments on: Cross-Browser Compatible CSS Opacity http://davidwalsh.name/css-opacity Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Tue, 22 May 2012 05:31:04 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Calibronhttp://davidwalsh.name/css-opacity#comment-26314 Calibron Tue, 02 Aug 2011 16:24:51 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-26314 Someones may encounter with background transparency due to affecting child elements. I found this solution, it may be useful.http://mron.us/web-development/css3/css-background-transparency-without-affecting-child-elements Someones may encounter with background transparency due to affecting child elements. I found this solution, it may be useful.

http://mron.us/web-development/css3/css-background-transparency-without-affecting-child-elements

]]> By: Jeremy Haweshttp://davidwalsh.name/css-opacity#comment-25430 Jeremy Hawes Sat, 02 Jul 2011 04:14:41 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-25430 Also, if you use opacity for a drop down it may be invisible, but the links still work :( Also, if you use opacity for a drop down it may be invisible, but the links still work :(

]]> By: Bradhttp://davidwalsh.name/css-opacity#comment-23235 Brad Thu, 24 Mar 2011 21:53:18 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-23235 Setting a background color using rgba is another good solution as it won't affect children. Setting a background color using rgba is another good solution as it won’t affect children.

]]> By: irvinhttp://davidwalsh.name/css-opacity#comment-22802 irvin Tue, 22 Feb 2011 01:59:26 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-22802 how can we solve browser compatibility on css in the ei tester how can we solve browser compatibility on css in the ei tester

]]> By: First Vita Plushttp://davidwalsh.name/css-opacity#comment-21132 First Vita Plus Thu, 28 Oct 2010 03:51:12 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-21132 This code works fine for IE8 This code works fine for IE8

]]> By: Tomáshttp://davidwalsh.name/css-opacity#comment-18395 Tomás Thu, 24 Jun 2010 16:34:33 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-18395 @Tony: That only works for backgrounds, and it must be a png, because there aren't semi-transparent gif's. If you want to make the text or the images transparent, how do you do it?You're right, it doesn't comply to standards... =( @Tony: That only works for backgrounds, and it must be a png, because there aren’t semi-transparent gif’s.
If you want to make the text or the images transparent, how do you do it?

You’re right, it doesn’t comply to standards… =(

]]> By: Doughttp://davidwalsh.name/css-opacity#comment-18250 Doug Wed, 16 Jun 2010 09:31:42 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-18250 @Tony: Not sure how you're achieving this but due to the matting on GIFs you cannot achieve alpha transparency. The only way you can achieve true transparency in a fully rendered image is by using 24bit PNG files however this is not support by IE6 (as usual!) without using the (well documented) IE PNG transparency behaviour hack which uses all sorts of gubbings like CSS and javascript... which, if memory serves, also isn't standards compliant! :) @Tony: Not sure how you’re achieving this but due to the matting on GIFs you cannot achieve alpha transparency. The only way you can achieve true transparency in a fully rendered image is by using 24bit PNG files however this is not support by IE6 (as usual!) without using the (well documented) IE PNG transparency behaviour hack which uses all sorts of gubbings like CSS and javascript… which, if memory serves, also isn’t standards compliant! :)

]]> By: Arthurhttp://davidwalsh.name/css-opacity#comment-18228 Arthur Tue, 15 Jun 2010 01:50:03 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-18228 @Juan Mendes: He's likely mistaking it for a png, which does work—except for our buddy IE6. But its likely you'd already got a png fix going on so it should be too tricky. @Juan Mendes: He’s likely mistaking it for a png, which does work—except for our buddy IE6. But its likely you’d already got a png fix going on so it should be too tricky.

]]> By: Arthurhttp://davidwalsh.name/css-opacity#comment-18227 Arthur Tue, 15 Jun 2010 01:47:51 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-18227 @Tony: Too bad gifs only support boolean transparency. @Tony: Too bad gifs only support boolean transparency.

]]> By: Juan Mendeshttp://davidwalsh.name/css-opacity#comment-17336 Juan Mendes Thu, 29 Apr 2010 17:25:17 +0000 http://www.davidwalsh.name/cross-browser-compatible-css-opacity/#comment-17336 @Tony: Semi-transparent 1x1 gif? Gif does not support alpha transparency. You have to specify which colors will be transparent. Can you provide more insight on how you make a div look dimmed with a gif? @Tony: Semi-transparent 1×1 gif? Gif does not support alpha transparency. You have to specify which colors will be transparent. Can you provide more insight on how you make a div look dimmed with a gif?

]]>