Question

我的网站在Chrome和Mozilla中完美运行没有任何中断，但在IE11中，有时当我加载页面时它不能正确呈现，因为按钮会很小，内联链接看起来像重叠，并且在我将鼠标悬停在顶部之后它变得正常，如果我去检查元素并改变那里的任何东西就变得正常了。this is what i am able to see sometimes only with IE``

 .site-links {
   margin-bottom: 0px;
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
   border-radius: 0px;
 }
 .site-links li {
   display: inline-block;
 }
 .site-links li a {
   color: #000000;
 }
 .site-links li + li::before {
   color: #000000;
   content: "|";
   padding: 0 5px;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<ol class="site-links">
  <li><a href="#">About Us</a>
  </li>
  <li><a href="#">Contact</a>
  </li>
  <li><a href="#">Privacy and Cookies Policy</a>
  </li>
  <li><a href="#">Terms of Use</a>
  </li>
  <li><a href="#">Sitemap</a>
  </li>
  <li class="show-f-link-t">
    <a href="javascript:void(0);">PI</a>
  </li>
  <li class="show-f-link-t">
    <a href="javascript:void(0);">Report Adverse Event</a>
  </li>
</ol>

Answer 1

每个浏览器都会以不同的方式读取css。一般情况下，除非您为IE开发，否则IE往往会破坏并且不会自然地以您希望的方式显示您的页面。

我可以为你提供两个修复。

确保您使用的是最新的css / html版本。话虽如此，请确保您在更新的浏览器中预览您的页面。较旧的浏览器很可能不支持更新的代码（有些旧的浏览器根本不支持CSS。）

我在IE上遇到了一些问题，并且倾向于远离它。微软最新的IE浏览器改名为Edge，其IE系列已经有了重大改进。

如果所有其他方法都失败了，请添加特定于IE的CSS。添加特定于IE的代码将允许您在IE浏览器窗口中控制外观和布局。您可以使用条件注释来执行此操作。

示例：

Public Function Read(txtbox As String) As String
If Not File.Exists("B:\Questions.txt") Then
    txtbox = "Fichier vide"
    Return txtbox
    Exit Function
End If
Using fichier As New StreamReader("B:\Questions.txt")
    Dim line As String
    //line = fichier.ReadLine()
    Do
        line = fichier.ReadLine()
        txtbox += vbNewLine & line
    Loop Until line Is Nothing
    Return txtbox
End Using

您可以here了解有关浏览器特定css的更多信息。

为什么有时IE11无法正确呈现我的CSS？

1 个答案: