需要帮助为页脚应用悬停效果

Question

我有一个 100% 宽度和黑色背景颜色的页脚。它的高度大约是 60px，有一点点文字。我已经做到了，所以它的不透明度为 (0.1)，我想做的是当我将鼠标悬停在页脚上方的某个地方时，我希望它的不透明度恢复为默认值 (1.0)，但它不允许我这样做。

HTML

<footer>
    <p>Linnéuniversitetet, Webbteknik 1</p>
    <p class="created">Created by DK222CU</p>
</footer>

CSS

footer {
    opacity:.1;
    bottom:0;
    position:fixed;
    width:100%;
    background-color:#000;
    color:#FFF;
}

footer p {
    float:left;
    margin-left:8%;
}

.created {
    margin-right:8%;
    float:right;
}

footer :hover {
    opacity:1.0;
}

Answer 1

只需去掉 footer :hover

中的 space

所以你将拥有：

footer:hover {
    opacity:1.0;
}

这是你的作品fiddle：http://jsfiddle.net/ksauu1z3/

需要帮助为页脚应用悬停效果

need help to apply hover effect for footer

html

css

hover

footer