为什么我的ul CSS可以在IE中工作,但不能在Chrome中工作?

时间:2018-11-27 00:41:00

标签: html css html-lists

正如标题所说;这似乎可以在Internet Explorer上正常工作,但不能在Chrome上正常工作(格式化不会在Chrome上显示,而且格式很简单,就好像没有应用CSS一样)。我不确定为什么将css直接放在html的head标签内似乎可以正常工作(但是出于其他原因,我需要在CSS中使用它)。

任何帮助将不胜感激:)

这是我的html的摘录:

$( '#modal1' ).on( 'shown.bs.modal', function(){
    document.body.classList.add( 'modal-open' );
});
$( '#modal2' ).on( 'shown.bs.modal', function(){
    document.body.classList.add( 'modal-open' );
});

这是我的CSS的一个片段:

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="newcss.css">
</head>
<body>

<ul class="sidenav">
  <li><a class="active" href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>

1 个答案:

答案 0 :(得分:0)

所以不确定为什么会发生这种情况,但是我先卸载然后重新安装了Chrome,它是否可以正常工作?

好吧