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

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 中的空格即可

所以你将拥有:

footer:hover {
    opacity:1.0;
}    

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