css沮丧 - 图标字体在IE11中没有正确对齐,我没有想法

时间:2017-04-13 15:02:51

标签: css internet-explorer-11 font-awesome

我有一些CSS问题,图标字体只是不想与IE11合作。我花了几个小时试图抓住它昨天没有取得任何成就,但是大量的挫折感。考虑到今天花更多的时间在上面,但是在孩子们度假的时候,我今天已经得到了足够的恶化LOL(7岁和9岁的人甚至比css更疯狂)。

具体问题是在IE中错误对齐的滚动到顶部图标(可以在右侧单击不可见的URL,但左侧的图标显示在附件中)

enter image description here

enter image description here

示例网址位于:

https://raiderforums.com/viewtopic.php?f=3&t=10739

为了使问题更加复杂,似乎IE开发人员工具已经失去了它的思想(一切都被划掉,但在屏幕上呈现):

enter image description here

如果我的业余水平以外的任何人都能给我一个我出错的提示,我会非常感激,并且你会在一天的剩余时间内大大提高我的工作效率我疯了。

谢谢! 尼克

3 个答案:

答案 0 :(得分:1)

试试这个:

#wrap .back2top::before, #wrap a.top2::before {
      right:0px;
 }

您还可以添加:margin-right: 5px;以更好地对齐它。

答案 1 :(得分:0)

试试这个男人

.back2top {
  float: right;
  display: inline-block;
  bottom: 20px;
}

答案 2 :(得分:0)

我认为设置绝对位置是个好主意。尝试

.back2top {
   position: absolute;
   right: 0;
   bottom: 0;
}
.postbody1 {
   float: none;
   position: relative;
}