Сейчас пытаюсь реализовать эффект затемнения страницы полупрозрачным блоком DIV, полностью покрывающим тело документа.
Т.е., добавляется элемент DIV с id="DocShade", большим значением z-index и position:absolute;left:0px;right:0px. атрибутам width и height соответственно присваиваются величины max(scrollWidth,clientWidth) и max(scrollHeight,clientHeight), взятые у document.documentElement или document.body (в зависимости от compatMode).
Когда происходит изменение размеров окна, обработчик onresize выполняет следующие действия:
1)временно скрывает блок, чтобы исключить его из размеров документа: Shade.style.display="none";
2)изменяет размеры блока в соответствие с новыми размерами документа;
В Internet Explorer 8 пункт (1) не прокатывает ((((!!!! При изменении размеров окна документа, его рабочая область растягивается по ширине и высоте до предела, так как размеры покрывающего блока из расчётов не исключаются (шоб Бил застрелился!)
То есть, вот так отображается в FireFox - правильно:
А вот, как в IE8:
Помогите, пожалуйста, решить эту проблему!
И да, вот собственно сам html:
P.S. в java я ещё больший новичок, чем в html (стаж - три дня).
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
LShadow77
Ещё раз здравствуйте!
Сейчас пытаюсь реализовать эффект затемнения страницы полупрозрачным блоком DIV, полностью покрывающим тело документа.
Т.е., добавляется элемент DIV с id="DocShade", большим значением z-index и position:absolute;left:0px;right:0px. атрибутам width и height соответственно присваиваются величины max(scrollWidth,clientWidth) и max(scrollHeight,clientHeight), взятые у document.documentElement или document.body (в зависимости от compatMode).
Когда происходит изменение размеров окна, обработчик onresize выполняет следующие действия:
1)временно скрывает блок, чтобы исключить его из размеров документа: Shade.style.display="none";
2)изменяет размеры блока в соответствие с новыми размерами документа;
3)снова активизирует блок: Shade.style.display="block";
В FireFox всё прекрасно работает!
В Internet Explorer 8 пункт (1) не прокатывает ((((!!!! При изменении размеров окна документа, его рабочая область растягивается по ширине и высоте до предела, так как размеры покрывающего блока из расчётов не исключаются (шоб Бил застрелился!)
То есть, вот так отображается в FireFox - правильно:
А вот, как в IE8:
Помогите, пожалуйста, решить эту проблему!
И да, вот собственно сам html:
P.S. в java я ещё больший новичок, чем в html (стаж - три дня).
Edited by LShadow77Link to comment
Share on other sites
14 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.