导航格式

时间:2014-04-26 05:43:40

标签: html css

http://www.ryanbenson.info/wordpress/

导航是悬停时双层图像淡入淡出。悬停时为黑色,否则为白色。

图像保存在.hoveringnav中,类别为“top”(顶部白色图像)和“bottom”(底部暗图像)

他们彼此对齐很好,他们工作得很好,直到我昨晚升级了图像。现在,图像到处都是。

我甚至不确定我做了什么。你呢?这完全出现在我的CSS中,我错了。 (全部在标题,导航和hoveringnav中)

1 个答案:

答案 0 :(得分:0)

如果要底部对齐导航栏上的图像,请尝试更改这些。

.hoveringnav {
    z-index: 1;
    display: block;
    clear: both;
    height: 55px;
    margin: 0px 24px;
    width: 0px;
    transition: 2s;
    position: relative;
}

.hoveringnav img {
    position: absolute;
    bottom: 0;
}

如果他们太接近文字,请尝试更改此内容:

.hoveringnav img {
    position: absolute;
    bottom: 10px;
}