Click here to Skip to main content
15,918,041 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
i have use opacity and z-index property to reduce the opacty of my "DIV" .
But it's working well in Mozila forfox , and not working in internet explorer ...

i have set my background div property as

{
z-index:666;

}

and other div which is on this is as
{

z-index:999;
opacity:.4;
}


but its not working in internet explorer .. pls tell a solution
Posted

1 solution

Hey there,

Try this for Internet Explorer:

CSS
opacity: 0.5;
filter: alpha(opacity = 50);


Ref:
https://josephscott.org/archives/2006/08/css-opacity-in-internet-explorer-ie/[^]

Azee...
 
Share this answer
 
Comments
GDdixit 7-Oct-13 2:08am    
hey can You explain me a little what "filter: alpha(opacity = 50);" is will do ..
what is alpha and 50 ... give a explanation
GDdixit 7-Oct-13 2:17am    
Thanx it's working
Azee 7-Oct-13 2:24am    
IE supports a Microsoft-only property alpha filter. Alpha filters in IE accept values from 0 (completely transparent) to 100 (completely opaque). So, to get your transparency in IE, you should multiply your opacity by 100 and add an alpha filter to your styles
GDdixit 7-Oct-13 2:25am    
Thnx

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900