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

IE8 standard z-index_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:22:481326browse

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>

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
3928fb25c75fb6492b3aae31daa3ce1a
dc6dce4a544fdca2df29d5ac0ea9906b Calendar icon16b28748ea4df4d9c2150843fecfba68
8689ddce62d90606cf81b29d61a6726c Load the calendar. . . . 16b28748ea4df4d9c2150843fecfba68 //js loads a calendar layer
16b28748ea4df4d9c2150843fecfba68
dc6dce4a544fdca2df29d5ac0ea9906bf5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e0816b28748ea4df4d9c2150843fecfba68

Loaded calendar Block part of f5d188ed2c074f8b944552db028f98a1




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

Statement:
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