Jeremy Ferrante wrote: > Interesting technique unfortunately this doesn't seem to work in > IE6/IE7/IE8. It tid work correctly in Firefox. Downfall to this > approach is you cannot give the overlay a specific colour. > > Any other ideas? > > Cheers > > -----Original Message----- From: David Hucklesby > [mailto:[email protected]] Sent: Monday, September 28, 2009 2:48 PM > To: Jeremy Ferrante Cc: [email protected] Subject: Re: > [css-d] IE6/IE7 Section Overlay Issues > > Jeremy Ferrante wrote: >> I have a section of markup on page that under circumstances I want >> to give the impression that it is disabled or inactive by making >> any input controls contained within it unclickable and the entire >> area faded out. I figured I'd do this by placing a css element >> over the portion of a page with a higher z-index and a width/height >> to match the containing parent, and a bit of opacity to provide the >> faded look. >> >> I was able to get it to work in FF/Webkit/Opera/IE8, but it just >> won't work in IE6/IE7. In IE6 the overlay won't grow to fill the >> parent container without specifying exact width/height values in >> pixels (which I cannot do in this case). In IE7 the opacity is not >> honored and instead it is fully opaque resulting in the area being >> completely covered over. >> >> > Why not mark up the inputs with "disabled" attributes, and just give > the section container opacity? - >
According to this article, it looks like you can color the borders of inputs and text areas. Perhaps that would work (make them gray?)... <http://www.css-zibaldone.com/articles/form-elements/styling.html> I also wonder if your overlay technique would work in IE6/7 if you gave the container "hasLayout"? Hard to diagnose without a working example here... Cordially, David -- ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
