Opacity not working in IE8 or below RSS

• • Reply
  

  vmhatup

  Member

  292 Points

  519 Posts

  Opacity not working in IE8 or below

  Nov 25, 2012 02:09 PM|LINK

  I have a panel, and I set its opacity so it's semitransparent. In FF and Chrome it looks fine, but in IE the opacity's not there.

  What could the problem be? It's a very simple snippet of code.

  Thanks.

  <asp:Panel ID="dockPanel" CssClass="dock" runat="server">
  <table style="width:100%">
      <tr>
          <td style="width: 100%; height: 75px; display: table-cell; vertical-align: middle; text-align: center">
              <img alt="vender" src="images/site/question.png" />
              <asp:ImageButton ID="ImageButton_yes" runat="server" ImageUrl="~/images/site/yes.gif" />
              <asp:ImageButton ID="ImageButton_no" runat="server" ImageUrl="~/images/site/not_now.gif" />
          </td>
      </tr>
  </table>
  
  </asp:Panel>

  .dock
  {
      height:75px;
      background:#000000;
      position:fixed;
      opacity:.8;
      left:0;
      width:100%;
  }

  
  
  

• • Reply
  

  Afzaal.Ahmad...

  Contributor

  2759 Points

  1060 Posts

  Re: Opacity not working in IE8 or below

  Nov 25, 2012 04:27 PM|LINK

  You can find you answer here : http://www.w3schools.com/css/css_image_transparency.asp

  img
  {
  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */
  }

  Its used to set the opacity for IE8 or earlier.

  Please "Marks As Answer" if any answer helped you out!
  ~~! FIREWALL !~~
  • Edited by Yanping Wang - MSFT on Nov 30, 2012 02:49 AM
  • Marked as answer by mbanavige on Dec 24, 2012 11:31 AM
• • Reply
  

  umamahesh202...

  Member

  164 Points

  74 Posts

  Re: Opacity not working in IE8 or below

  Nov 26, 2012 04:05 AM|LINK

  Try this css

  .dock
  {
      height:75px;
      position:fixed;
      left:0;
      width:100%;
      background-color: Gray;
      filter: alpha(opacity=70);
      opacity: 0.7;
  }

  
  
  

  Please mark the replies as answers if they help or unmark if not.
• • Reply
  

  asteranup

  All-Star

  30184 Points

  4906 Posts

  Re: Opacity not working in IE8 or below

  Nov 26, 2012 09:45 AM|LINK

  Hi,

  You have to use opacity as well as filter to make it work will all browser.

  opacity:0.4;
  filter:alpha(opacity=40);

  http://www.w3schools.com/css/css_image_transparency.asp

  Thanks & Regards
  Anup Das Gupta
  Mark as Answer if you feel so. Visit My Blog