On Feb 11, 8:18*pm, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
wilq a écrit :
I got a little problem, maybe You could help me out.
I have one layer that is used to darken all content on page (opacity
50%) to make other layer more visible.
If i show two separate Layers - darkenLayer with z-index:1, and a
other layer with z-index:2 - everything is ok. But i would like to do
something like this:
<DIV id="darken"></DIV>
<DIV id="someDIV">
* *<TABLE><TR><TD>
* * <DIV id="someChildDIV"blablalbal
blablabal must be in a <p>aragraph
* * * * *<DIV id="doNotDarkenThisDiv"*IMPORTANT DIV</DIV>
* *</DIV>
* *</TD></TR></TABLE>
</DIV>
My question is - how to make a DIV - doNotDarkenThisDiv to be over the
darken DIV. I tried set higher z-index for doNotDarkenThisDiv however
this do not solved problem.
that doesn't work this way ...
With the code above as the darken is coded in first, this one is bellow
all what follow
So ... no problem, the notDarken (and its table contener) are not darken
Give a background color to your 'notDarken'
--
sm
I mean that all DIV-s got own backgrounds. Darken one got black
background with opacity 50%, someDiv have no color, TABLE and its
components got white backgrounds, and DIV doNotDarkenThisDiv have gray
background. I would like to show Darken DIV that would be over other
layers except the "doNotDarkenThisDiv" and here comes a problem :
( Here is complete code for this example:
<html>
<head>
<style type="text/css">
#darken {
background-color : black ;
opacity: 0.5 ;
position : absolute ;
filter : alpha(opacity=50) ;
width : 150;
height : 150 ;
z-index : 11 ;
}
#someDiv
{
position:absolute;
z-index:10;
}
#someChildDIV
{
position:absolute;
}
#doNotDarkenThisDiv
{
background-color : WHITE ;
z-index:23;
}
</style>
</head>
<body>
<DIV id="darken"></DIV>
<DIV id="someDIV">
<TABLE><TR><TD>
<DIV id="someChildDIV"Some text
<DIV id="doNotDarkenThisDiv" IMPORTANT DIV</DIV>
</DIV>
</TD></TR></TABLE>
</DIV>
</body>
</html>
I would like to 'doNotDarkenThisDiv' be over the 'darken' div (so
background of doNotDarken... should be white, but it's not (in IE)).
Anyyone know any solution for that?