Home > Web Front-end > HTML Tutorial > IE8 standard z-index_html/css_WEB-ITnose

IE8 standard z-index_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:22:48
Original
1294 people have browsed it

css IE8

I made a js calendar, click the icon to pop up the calendar layer, and it displays normally in Google and Firefox, but there is a problem when debugging under IE using IE8 standards

Part of it is given The next div is blocked, I set the z-index and position of the parent element: relative has no effect
 <div class="whead positionR"><div class="l">                    <div class="cb height10">                         </div>                    <div class="cb height5">                         </div>                    <div class="cb">                        <div id="_calendarTool" class="l hm">                            <a href="#">                                <img src="images/calendar_orange.png" border="0" alt="日历" /></a></div>                        <div class="l span20">                             </div>                    </div>                    <div id="calendarDiv" class="cb positionA hiddenDisplay padding5 backgroundWhite"                        style="z-index: 1000">                        <div id="_calendarDiv" class="cb calendarDiv backgroundWhite">                            日历加载...</div>                    </div>                </div>                <div class="clear">                </div>            </div><div>给这个div 挡住了  <table></table></div>
Copy after login

Reply to the discussion (solution)

Post the code to see Next

Post the code and take a look. Isn’t it posted above? positionR is the class name of position:relative

I can’t understand the code you gave. Look at the brothers downstairs.

I can’t understand the code you gave me. Look at the brothers downstairs


Calendar icon

Load the calendar. . . .
//js loads a calendar layer



Loaded calendar Block part of




Because the z-index of the first row is set to -1, which is lower than normal. Just remove z-index:-1.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template