Привет,
Я работаю над приложением, написанным на dHTML (HTML, CSS, JavaScript и Perl/CGI), работающим под управлением Apache и mod_perl на базовом ПК с Windows 10. ОС и все браузеры обновлены.
У меня есть анимация загрузки CSS-файла. Он работает, как и ожидалось, в файле .HTML во всех браузерах, в которых я тестирую (Chrome, Edge, FF, IE и Opera). Он вообще не будет работать в файле Perl/CGI. Он размещается и выглядит правильно, но не анимируется. Я разделил модуль CGI до скелета HTML, CSS и DIV, в которых отображается анимация, но анимации по-прежнему нет. HTML-код приведен ниже.
Код (разметка):
Есть ли что-нибудь в Apache или mod_perl, что могло бы помешать анимации. Я делаю это как клиент на своем сервере. Или что-нибудь еще приходит на ум по этому поводу. Любая помощь приветствуется.
Крейгту
Я работаю над приложением, написанным на dHTML (HTML, CSS, JavaScript и Perl/CGI), работающим под управлением Apache и mod_perl на базовом ПК с Windows 10. ОС и все браузеры обновлены.
У меня есть анимация загрузки CSS-файла. Он работает, как и ожидалось, в файле .HTML во всех браузерах, в которых я тестирую (Chrome, Edge, FF, IE и Opera). Он вообще не будет работать в файле Perl/CGI. Он размещается и выглядит правильно, но не анимируется. Я разделил модуль CGI до скелета HTML, CSS и DIV, в которых отображается анимация, но анимации по-прежнему нет. HTML-код приведен ниже.
Код:
<!DOCTYPE html>
<HTML lang='en'>
<HEAD>
<STYLE>
.progress { width: 500px; height: 30px; border-radius: 15px; overflow: hidden; background: #eee; position: relative;
}
.progress>.progress-value { position: relative; height: 100%; left: 0; top: 0;
}
.progress>.progress-value::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation: progress-value 3s ease-in-out forwards; -webkit-animation: progress-value 3s ease-in-out forwards; background: #666;
}
.progress>.progress-value.red::before { background: #f44;
}
.progress>.progress-value.green::before { background: #3f4;
}
.progress>.progress-value.blue::before { background: #54f;
}
@keyframes progress-value { from { width: 0%; } to { width: 100%; }
}
@-webkit-keyframes progress-value { from { width: 0%; } to { width: 100%; }
}
</STYLE>
</HEAD>
<BODY STYLE='TEXT-ALIGN:center;'>
<div class="progress"> <div class="progress-value" style="width: 65%"></div>
</div>
<div style="height: 15px"></div>
<div class="progress"> <div class="progress-value red" style="width: 95%"></div>
</div>
<div style="height: 15px"></div>
<div class="progress"> <div class="progress-value green" style="width: 41%"></div>
</div>
<div style="height: 15px"></div>
<div class="progress"> <div class="progress-value blue" style="width: 14%"></div>
</div>
</BODY>
</HTML>
Есть ли что-нибудь в Apache или mod_perl, что могло бы помешать анимации. Я делаю это как клиент на своем сервере. Или что-нибудь еще приходит на ум по этому поводу. Любая помощь приветствуется.
Крейгту