Home Overlapping issue with the content of iframe
Reply: 0

Overlapping issue with the content of iframe

Abhinav Ashish
1#
Abhinav Ashish Published in 2017-09-14 08:49:20Z

I am displaying .mht file through iframe in side panel. When we open dropdown menu the dropdown menu gets overlapped by the content of iframe. I want the dropdown menu to overlap the content of iframe.

I tried to set the z-index of iframe as -10000 and z index of dropdown menu as +100000 but its not working. Please suggest any solution. Thanks.

This is the HTML code for iframe.

            <div id="ScdDiv" data-options="region:'east',split:true" title="Ohje" style="width:35%;height:auto;">
                <div class="easyui-accordion" data-options="fit:true,border:false">
                <div title="O1" style="padding:10px;">
                    <iframe id="DocViewFrame" runat="server" src="/manuals/abc.mht" style="width:100%;height:600px;"></iframe>
                </div>
                <div title="O2" data-options="selected:true" style="padding:10px;">
                    <iframe id="Iframe1" runat="server" src="/manuals/abc.mht" style="width:100%;height:600px;"></iframe>  
                </div>
                <div title="O3" style="padding:10px">
                    <iframe id="Iframe2" runat="server" src="/manuals/abc.mht" style="width:100%;height:600px;"></iframe>
                </div>
                </div>
            </div>

Dropdown menu is above that panel. if we click on dropdown menu then content of iframe overlaps dropdown menu

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.480108 second(s) , Gzip On .

© 2016 Powered by cudou.com design MATCHINFO