传送CSS导航栏?

迈克尔·克鲁兹

所以我正在使用css,但我很讨厌,所以我的代码可以按照我想要的方式工作,所以我不会在寻找我的代码很烂的讨厌评论:P

无论如何,我只是使用gif来显示其功能-我还将在下面提供代码。

https://gyazo.com/3756eb0c3b6246d8b8f74cad6614839a

单击IE时的链接传送类型单击一个是最后一个位置并且没有移动,首先单击一个说所有移动都由一个“链接空间”向左移动,我真的不知道如何解释这一点,所以请原谅我的任何滑倒哈哈。无论如何,这里都是代码,而不是使用styles.css文件,而是使用index.html的style部分-我将发布所有样式区域,以防万一可能会发生冲突,我将分隔其结束位置导航栏,但是只是为了使其更易于查看。

ul {
    list-style-type: none;
    margin: 190px;
    overflow: hidden;
    text-align: center;
    text-decoration: line-through;
}

li {
    list-style-type: none;
    float: left;
    padding-left: 30px;
    display: inline-block;
}

a {
    list-style-type: none;
    display: block;
    width: 0%;
    background-color: #757575;
    font-size: 36px;
}

看来我无法在这里跳过另一部分代码,因此我将使用pastebin代替它:

导航栏后的代码粘贴框pastebin / w1J1Yixu

包含导航栏的FULL代码的Pastebinpastebin / K4ngr4MN

亚历克斯·赖特

这是因为你position:fixed;对你a:active在你的“代码导航栏后”的宣言

这样做是在单击页面上的任何链接时,将链接的x和y坐标设置为相对于文档的精确偏移。这样,其余的链接(认为它们的位置固定的兄弟不再在相对流中)就向左对齐,占据了链接过去所处的空位置。

要解决此问题,请position:fixed;从声明中删除样式。

a:active { color: #1DFA3D; text-align: right; z-index: 9999; text-decoration: none; }

这是之后的小提琴:http : //jsfiddle.net/yo3L5qdy/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章