Returning the opacity of contents inside a low-opacity div

horacecrow

New Member
My page contains the following \[code\]<div>\[/code\]:\[code\]<div id="OffDiv"> <asp:Image ID="imgHammer" runat="server" ImageUrl="~/Images/hammer.png" ToolTip="Biding..." /></div>\[/code\]and the css : \[code\]div#OffDiv{ display: block; position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; z-index: 90000; background-color: Blue; filter: alpha(opacity=40); /* internet explorer */ -khtml-opacity: 0.4; /* khtml, old safari */ -moz-opacity: 0.4; /* mozilla, netscape */ opacity: 0.4; /* fx, safari, opera */ text-align: center;}#imgHammer{ margin-top: 100px; z-index: 90001 filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; /* mozilla, netscape */ opacity: 1; /* fx, safari, opera */ z-index: 90001;}\[/code\]The problem is the \[code\]imgHammer\[/code\] has a low opacity like \[code\]OffDiv\[/code\] (meaning .4) after it is rendered.How can I change its opacity to 1?
 
Back
Top