Кроссбраузерно.
CSS:
#TB_overlay
{
position: fixed;
z-index: 3; /* при необходимости можно поменять на другой */
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
-moz-opacity: 0.55;
-khtml-opacity: 0.55;
opacity: 0.55;
}
* html #TB_overlay
{
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}
Java Script:
if(!jQuery("body").find("#TB_overlay").is("div")) /* если фон уже добавлен не добавляем повторно */
{
if(!jQuery.browser.msie) /* если браузер не ИЕ фоном будет div */
jQuery("body").append("<div id='TB_overlay'></div>");
else /* иначе добавляем iframe */
jQuery("body").append("<div id='TB_overlay'><iframe scrolling='no' frameborder='0' style='position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter:alpha(opacity=0)'></iframe></div>");
}
$("#TB_overlay").fadeIn("fast");
Комментариев нет:
Отправить комментарий