Background Image not showing in IE8

2 posts, 0 answers
  1. Ghanshyam
    Ghanshyam avatar
    2 posts
    Member since:
    Jun 2013

    Posted 25 Jun 2013 Link to this post


    I have a web Application having some telerik controls.

    i have following telerik Control :

    telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behavior="Close" VisibleStatusbar="false" VisibleTitlebar="true"
            InitialBehavior="None" ShowContentDuringLoad="false"  Modal="True" Overlay="True" 
            Behaviors="None" Height="640px" Width="900px" Skin="Telerik" EnableShadow="true" OnClientResizeEnd="SetWindowBehavior" >
                <telerik:RadWindow ID="RadWindowTreeview" Title="Careplan Tree" runat="server" Modal="true"
                    OnClientClose="OnClientClose" Behaviors="Close" BackColor="Transparent" DestroyOnClose="false"
                    NavigateUrl="MainTreeContainer.aspx" BorderStyle="None" Visible="True" VisibleStatusbar="False"
                    VisibleTitlebar="False" Width="900px" Height="640px" Animation="Fade" AutoSize="False"
                    AnimationDuration="1000" Opacity="100">  </telerik:RadWindow>
                <telerik:RadWindow ID="RadWindow1" CssClass="defaultWindow" Width="900px" Height="640px" AutoSize="False"
                    runat="server" Modal="true" Behaviors="None" Overlay="true" NavigateUrl="~/Terms.aspx"  OnClientClose="OnClientClose1" >
                 <telerik:RadWindow ID="RadWindow3"  CssClass="defaultWindow" MinWidth="900px" MinHeight="640px" AutoSize="False"
                    runat="server" Modal="true" Behaviors="None" Overlay="true" NavigateUrl="~/Privacy.aspx"  OnClientClose="OnClientClose3" >

    i am opening an aspx form in RadWindowTreeview Radwindow .. i have overridden some telerik CSS like following:

    .rwWindowContent, .rwExternalContent
                border-style: groove !important;
                border-width: 1px;
                border-radius: 10px;
                background-image: url('background.jpg') !important;
                border-color: GhostWhite;

    but the background image doesn't display in IE8 only.. it displays well in Mozila, chrome,safari and IE9.. but not display only in IE8..

    any suggestions ? thanks...

  2. Marin Bratanov
    Marin Bratanov avatar
    5467 posts

    Posted 26 Jun 2013 Link to this post


    The element that has the rwExternalContent class is behind the iframe that shows the actual page. Whether it is transparent or not depends on the browser, and it seems older IE versions show it as opaque and you cannot see the background image.

    The Opacity property each RadWindow has can make the entire iframe semi-transparent, however but not only its background.

    To change the actual browser behavior in terms of iframe transparency you can use the following workaround:
    function OnClientShow(sender)
        sender.get_contentFrame().setAttribute("allowTransparency", true);
    taken from this thread in the net:

    Marin Bratanov
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top