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? -
.disabled {
opacity: .4;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(Opacity=40);
}
See: http://www.quirksmode.org/css/opacity.html
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/
