Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Проблема с наложением тени
 
 автор: maloi_m3   (20.01.2011 в 17:58)   письмо автору
 
 

Здравствуйте, делаю затемнение страницы и вывод формы, всё работает тень накладывается, но не до конца страницы.
Вот примеры кодов, подскажите что не так.


#shadow
{
 position: absolute;
 top: 0px;
 left: 0px;    
 width: 100%;
 height: 100%;
 background-color: #333;
 opacity: 0.4;
 filter: alpha(opacity=40);
 display: none;
}



function openFileAddInformation(file_id)
{
    document.getElementById("file_id").value=file_id;
    var shadow   = document.getElementById('shadow');
    shadow.style.display   = "block";
}

  Ответить  
 
 автор: neokortex   (20.01.2011 в 18:31)   письмо автору
 
   для: maloi_m3   (20.01.2011 в 17:58)
 

а где у вас находится #shadow? попробуйте его поместить сразу за <body>

  Ответить  
 
 автор: maloi_m3   (20.01.2011 в 18:48)   письмо автору
 
   для: neokortex   (20.01.2011 в 18:31)
 

#shadow находить в общем css файле, страница затемняется, значит до настроек добирается, если страница не длинная, то затемняется вся, если длинная то только с верху на 800-900 пикселей.

  Ответить  
 
 автор: Lelik   (20.01.2011 в 18:48)   письмо автору
 
   для: maloi_m3   (20.01.2011 в 17:58)
 

надо футкцию одну добавить:

function shadowHeight() {
    var oBody = document.body;
    var iH = oBody.offsetHeight;
    var shadow   = document.getElementById('shadow');
    shadow.style.height = iH+'px';
}
function openFileAddInformation(file_id)
{
    shadowHeight();
    document.getElementById("file_id").value=file_id;
    var shadow   = document.getElementById('shadow');
    shadow.style.display   = "block";
}

window.onresize = function() {
    shadowHeight()
}

по хорошему весь контент основной надо положить в один блок и брать высоту этого блока, а не высоту боди.

  Ответить  
 
 автор: maloi_m3   (20.01.2011 в 18:51)   письмо автору
 
   для: Lelik   (20.01.2011 в 18:48)
 

Хм ведь стоит 100% значит должен покрывать всё.

  Ответить  
 
 автор: Lelik   (20.01.2011 в 18:54)   письмо автору
 
   для: maloi_m3   (20.01.2011 в 18:51)
 

как показывает практика, цсс не решение.

  Ответить  
 
 автор: maloi_m3   (20.01.2011 в 19:10)   письмо автору
 
   для: Lelik   (20.01.2011 в 18:54)
 

Спасибо большое, выручил!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования