Javascript 页面上不可见的元素

我把一个页面从我的旧站点移到了我的新站点，我一辈子都搞不懂为什么CSS不起作用

在中间应有5个同心的白色卵圆形。我检查了所有东西，div和CSS都在那里，但它们不会出现

下面是JS/CSS/HTML

//颜色循环
// http://forrst.com/posts/Endlessly_Looping_Background_Color_jQuery_Functi-ey7
变量颜色=新数组（“#077bf4'、“#9554d6'、“#e62e5c'、“#ff9466'、“#CCCCCC'、“#ffbe0a'、“#46b3f2'、”#70dab3'、“#af93af'、“#e51717'、”ffd1d9'）；
var颜色指数=0；
var区间=3000；
函数bg_color_tween（）{
$（'body'）.animate（{backgroundColor:colors[color\u index]}，interval，'linear'，function（）{
如果（color_index==colors.length）{color_index=0；}
else{color_index++；}
bg_color_tween（）；
});
}
//轮换
$（文档）.ready（函数（）{
bg_color_tween（）；
$（'.turrell'）。每个（函数（）{
var r=Math.floor（Math.random（）*90）；
$（'.carton'）.css({
“-moz变换”：“旋转（'+r+'deg）”，
“-webkit变换”：“旋转（'+r+'deg）”，
“变换”：“旋转（'+r+'deg）”
});
var t=Math.floor（Math.random（）*10）+2；
var l=Math.floor（Math.random（）*7）+3；
$（'.egg'）.css({
“顶部”：t+“%”，
“左”：l+“%”
});
});
});
.carton{
身高：95%；
宽度：90%；
左边距：10%；
文本对齐：居中；
位置：相对位置；
z指数：-10；
}
.鸡蛋{
身高：76%；
宽度：80%；
位置：相对位置；
最高：12%；
左：10%；
边界半径：50%；
背景：rgba（255，255，255，0.4）；
-moz盒阴影：插入0 0 40px rgba（255、255、255、0.4）；
-webkit盒阴影：插入0 0 40px rgba（255、255、255、0.4）；
框阴影：插入0 0 40px rgba（255、255、255、0.4）；
颜色：#FFF；
}
.艺术标题{
位置：绝对位置；
底部：20px；
左：3.5%；
文本转换：大写；
字母间距：1px；
字体大小：11px；
线高：13px；
保证金：0；
填充：0；
}
.艺术标题a{
颜色：#FFF；
不透明度：.3；
过渡：所有0.25秒缓进缓出；
}
.艺术标题a：悬停{
不透明度：.8；
}

您在
html
、
body
和
container
div中缺少“height”属性。如果您检查，它们的height
0
属性根本不显示

如果我将高度：100%

添加到所有的高度，这就是我看到的：

您在

html

、

body

和

container

div中缺少“height”属性。如果您检查，它们的height

0

属性根本不显示

如果我将高度：100%添加到所有的高度，这就是我看到的：

---

请您发布部分现在不起作用的代码，好吗？你试过解决这个问题吗？当然，虽然没什么可看的，但我认为查看源代码就足够了。我会贴在上面。是的，我已经尝试过改变所有的CSS变量，我不知道还有什么可以尝试的。请你发布部分现在不起作用的代码好吗？你试过解决这个问题吗？当然，虽然没什么可看的，但我认为查看源代码就足够了。我会贴在上面。是的，我已经尝试过改变所有的CSS变量，我不知道还有什么可以尝试。