Javascript 移动浏览器上缺少元素

我正在为移动设备编写一个在线推理和逻辑测试，带有红色计时器的蓝色标题在iOS中无法显示（目前仅在Safari和Chrome中测试未成功），在Safari Mac OS上也无法工作（尚未在Android上测试）。该页面在Mac OS上的Chrome和Firefox以及W10上的Edge、IE和Chrome中显示

计时器是让用户看到他们在测验中还剩多少时间的关键。计时器当前设置为60分钟，但稍后会更改

我之前有z索引问题，这意味着我必须“降低”单选按钮；然后我发现按钮不可用，因为页眉和页脚元素在它们上面，所以我删除了z索引（我想是-6），并将页眉“提升”到顶部

如果有人能说明这一点，我将不胜感激

//时钟启动
函数getTimeRemaining（endtime）{
var t=Date.parse（endtime）-Date.parse（new Date（））；
var秒=数学地板（（t/1000）%60）；
var分钟=数学地板（（t/1000/60）%60）；
返回{
“总计”：t，
“分钟”：分钟，
“秒”：秒
};
}
函数初始化锁（id，endtime）{
var clock=document.getElementById（id）；
var minutesSpan=clock.querySelector（'.minutes'）；
var secondsSpan=clock.querySelector（'.seconds'）；
函数updatelock（）{
var t=GetTime剩余时间（endtime）；
minuteSpan.innerHTML=（'0'+t.minutes）.slice（-2）；
secondsSpan.innerHTML=（'0'+t.seconds）.slice（-2）；
如果（t.总div{
填充物：5px；
边界半径：3px；
背景:#c20031；
显示：内联块；
}
#clockdiv div>span{
填充物：5px；
边界半径：5px；
背景：#d8708a；
显示：内联块；
}
/*
时钟端
*/

1978年7月16日是哪一天？

星期五
星期天
星期二
星期一


< > < < /p> < /COD> >代码> toPuliNyLeals元素没有高度。还应考虑将此元素的位置更改为<代码>固定< /代码>，而不是将 <代码>的位置设置为<代码>固定。谢谢。我对它不是特别满意，它出现在MacOSSafari中——用CSS重新定位一下，就会明白这一点。谢谢提图斯。