无法将CSS与IE链接，与Chrome兼容

Question

我正在尝试学习CSS，但是我陷入了包含CSS的第一部分。 该代码可与Chrome完美配合，但无法在IE中运行。 考虑到IE仍具有较高的市场份额，我想确保我有足够的知识来支持该平台。 无论如何要知道为什么它不起作用？

以下是带有CSS样式表链接的html

<!DOCTYPE html>
<html>
<head>
  <title>Adding CSS</title>
  <link rel="stylesheet" href="css/style.css" style="text/css">
</head>
<body>
  <h1>Adding CSS to the Page!</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non diam justo. Integer accumsan lacus ut quam pulvinar ullamcorper. Proin imperdiet mauris ac lectus blandit adipiscing. Vestibulum placerat mi sit amet odio luctus quis aliquam ante tristique. Praesent sem ligula, rhoncus quis gravida vitae, consequat id odio.</p>
  <p>Etiam eros nisl, pretium nec suscipit ac, gravida quis velit. Phasellus adipiscing ultrices lorem, ut porttitor tellus interdum eu. Fusce auctor, felis vitae adipiscing vulputate, tellus odio venenatis lorem, et pretium lectus justo vitae ipsum. Mauris in dictum dolor. Sed fermentum, dolor nec mollis lobortis, eros augue laoreet tortor, vel cursus neque sem ac diam.</p>
  <h2>Lorem ipsum dolor sit amet</h2>
  <ul>
    <li>Praesent sem ligula rhoncus</li>
    <li>Donec ut ipsum at quam</li>
    <li>Maecenas libero neque accumsan ut</li>
    <li>Donec quis mauris ipsum</li>
  </ul>
</body>
</html>

以下是css文件夹下CSS中作为style.css包含的代码：

h1 {
  color: white;
  background-color: #E14607;
}

h2{
  color: steelblue;
  padding-bottom: 10px;
  border-bottom: 2px dotted;
}

ul{
  color: white;
  background-color:steelblue;
}

这与Chrome完美搭配，因此我真的不确定是什么原因导致它无法正常工作...非常感谢您能提供的任何帮助！

Answer 1

首先替换为：

<link rel="stylesheet" href="css/style.css" style="text/css">

有了这个：

<link rel="stylesheet" type="text/css" href="css/style.css" />

并且：

不同的浏览器可能在某些颜色名称的含义上不一致。 资源

因此，请尝试使用十六进制颜色（例如#f00 or #ff0000更改颜色名称

无法将CSS与IE链接，与Chrome兼容

问题描述

1 个解决方案

解决方案1
0 2013-11-26 03:06:14

无法将CSS与IE链接，与Chrome兼容

问题描述

1 个解决方案

解决方案1 0 2013-11-26 03:06:14

解决方案1
0 2013-11-26 03:06:14