Html CSS:hover命令不起作用

因此，我正在创建一个测试网页，但在使：hover命令正常工作时遇到了问题。无论我从研究中尝试做什么似乎都有效，所以我需要一些帮助

我试图模糊掉一个图像，然后让文本淡入，但我被困在使用webkit过滤器使图像模糊掉。所以我把它剥了回去，试着把一种颜色换成另一种颜色，即使这样也没用。有什么问题吗

HTML

#美诺和{
顶部：-20px；
右：130px；
字体大小：40px；
}
#结帐{
左：190px
}
身体{
高度：1100px；
}
/*内容*/
#内容{
位置：绝对位置；
顶部：100px；
宽度：1100px；
高度：2000px；
左：50%；
左边距：-550px；
背景色：#ecf0f1；
边界半径：15px；
盒影：5px10px10pxRGBA（136116116,0.31）；
z指数：-1
}
#产品内容{
位置：绝对位置；
顶部：100px；
宽度：1100px；
高度：870像素；
左：50%；
左边距：-550px；
背景色：#ecf0f1；
边界半径：15px；
盒影：5px10px10pxRGBA（136116116,0.31）；
z指数：-1
}
#上段{
位置：绝对位置；
顶部：0px；
宽度：100%；
高度：250px；
背景图片：url（AboutUsImage.jpg）；
边框底部样式：实心；
边框底色：rgba（60,231,178,0.64）；
边框底宽：5px；
边框左上半径：15px；
边框右上角半径：15px；
}
#大约1{
字体系列：'Ek Mukta'；
颜色：白色；
字体大小：48px；
z指数：5；
文本对齐：居中；
填充：50px
}
#信息{
z指数：0；
位置：绝对位置；
顶部：255px；
宽度：1100px；
}
.伸缩链{
位置：绝对位置；
显示：内联块；
左：585px；
顶部：30px；
高度：250px；
宽度：500px；
}
MountLink先生{
z指数：1；
位置：绝对位置；
左：15px；
顶部：30px；
高度：250px；
宽度：500px；
背景颜色：绿色；
}
.MountLink:悬停{
z指数：1；
背景色：红色；
}
.AstroLink{
位置：绝对位置；
左：15px；
顶部：330px；
高度：250px；
宽度：500px；
}
.附件链接{
位置：绝对位置；
顶部：330px；
左：585px；
高度：250px；
宽度：500px；
}
/*罪魁祸首是*/
MountLink先生{
z指数：1；
位置：绝对位置；
左：15px；
顶部：30px；
高度：250px；
宽度：500px；
背景颜色：绿色；
}
.MountLink:悬停{
z指数：1；
背景色：红色；
}

产品

因为

#Content_Products

是绝对用负z索引定位的，所以body元素位于它的顶部，所以当您将鼠标悬停在绿色框上时，实际上是将鼠标悬停在它上面的

body

标记上

如果是的话

body:hover .MountLink{
    z-index: 1;
    background-color: red;   
}

您会看到它是有效的，但主要问题是z-index:-1在

#Content_Products

上，因为

#Content_Products

绝对是用负z-index定位的，body元素在它上面，所以当您将鼠标悬停在绿色框上时，实际上是在它上面的

body

标记上

如果是的话

body:hover .MountLink{
    z-index: 1;
    background-color: red;   
}

您会看到它是有效的，但主要问题是z-index:-1在

#Content_Products

上，因为

#Content_Products

绝对是用负z-index定位的，body元素在它上面，所以当您将鼠标悬停在绿色框上时，实际上是在它上面的

body

标记上

如果是的话

body:hover .MountLink{
    z-index: 1;
    background-color: red;   
}

您会看到它是有效的，但主要问题是z-index:-1在

#Content_Products

上，因为

#Content_Products

绝对是用负z-index定位的，body元素在它上面，所以当您将鼠标悬停在绿色框上时，实际上是在它上面的

body

标记上

如果是的话

body:hover .MountLink{
    z-index: 1;
    background-color: red;   
}

---

你会发现它是可行的，但主要问题是z-index:-1在

#Content_产品上
z-index会产生问题，只要从代码中删除z-index，一切都会很好

css是区分大小写的

在#TopSection Height应该是Height。
z-index产生了问题，只需从代码中删除z-index，一切都会正常运行

css是区分大小写的

在#TopSection Height应该是Height。
z-index产生了问题，只需从代码中删除z-index，一切都会正常运行

css是区分大小写的

在#TopSection Height应该是Height。
z-index产生了问题，只需从代码中删除z-index，一切都会正常运行

css是区分大小写的

在#TopSection Height应该是Height。
它具有负z索引的原因是它在页面顶部的固定标题下滚动，但将其索引设置为1，标题设置为2也解决了这个问题。再次感谢，它之所以有负z索引是因为它在fi下滚动