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

Question

我的页脚宽度为100%,背景颜色为黑色.它的高度约为60px,它有一点文字.Vve之所以它的不透明度为(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;
}    

这是你的工作小提琴:http://jsfiddle.net/ksauu1z3/