Javascript internet explorer 8 css兼容性

制作了一个导航条，可以改变悬停时的照片。它在我的firefox上运行得很好，但在我的工作中，所有的电脑仍然使用IE8，并且这个条根本不会显示出来

用js制作会更好吗？ 我知道如何只使用css和js编码

nav{
背景色：#fff；
宽度：150px；
高度：667px；
浮动：对；
}
导航h1{
填充：20px；
颜色：#777；
字体：20px塔荷马，时代，衬线；
}
保险商实验室{
位置：相对位置；
保证金：0；
填充：0；
列表样式：无；
宽度：150px；
文本对齐：右对齐；
}
ulli{
位置：相对位置；
}
李乌尔{
位置：绝对位置；
右：149px；
排名：0；
显示：无；
}
ullia{
显示：块；
文字装饰：无；
颜色：#777；
背景：#fff；
填充物：5px；
边界底部：0；
}
保险商实验室{
保证金：0；
填充：0；
列表样式：无；
宽度：150px；
}
李：悬停{
显示：块；
}
* {
保证金：0；
填充：0；
}
身体{
背景：#333；
背景：url（“http://vignette1.wikia.nocookie.net/logopedia/images/6/69/FC-Barcelona-old-logo.png/revision/latest?cb=20120211172615");
背景重复：无重复；
}
.集装箱{
溢出：隐藏；
右边距：0；
高度：500px；
-webkit盒阴影：10px 10px 10px rgba（0,0,0,0.3）；
盒影：10px 10px 10px rgba（0,0,0,0.3）；
宽度：800px；
}
.集装箱img{
页边距顶部：0px自动；
位置：固定；
顶部：0px；
左：0px；
z指数：-60；
高度：500px；
宽度：800px；
}
.李先生{
不透明度：0.5；
页边距顶部：0px自动；
位置：绝对位置；
左：0px；
z指数：-50；
-webkit过渡：所有1s轻松；
-moz转换：所有1秒轻松；
-o-过渡：所有1容易；
-ms转换：所有1秒轻松；
过渡：所有的1容易；
}
李：第n个孩子（1）{
填充顶部：0px；
}
李娜：停下来{
背景：#eee；
}
李：悬停a+img{
不透明度：1；
位置：固定；
页边距顶部：0px自动；
左：0px自动；
高度：500px；
宽度：800px；
}

ברצלונה

这不是css或js，而是html，您在html4浏览器上使用的是HTML5元素。 考虑使用聚苯乙烯JS:

---

或者只使用html4元素。

在某些情况下，我在css中两次指定相同的内容时，遇到它在某些浏览器中不起作用（但我记不起是哪个浏览器）。例如，我看到你两次定义ul。尝试只定义一次ul，并将所有规则放在其中。即使这不能解决问题，也更容易阅读和维护：-）