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/

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

1 个答案: