所以我正在使用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代码的Pastebin:pastebin / 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] 删除。
我来说两句