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

    Hello,

    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" >
            <Windows>
                <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>
     
                 <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" >
                </telerik:RadWindow>
     
            </Windows>
        </telerik:RadWindowManager>

    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
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 26 Jun 2013 Link to this post

    Hello,

    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: http://stackoverflow.com/questions/5133998/iframe-background-transparent-in-ie.


    Regards,
    Marin Bratanov
    Telerik
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top