html - IE 未连接到外部 IE 特定的 CSS 文件

Question

我的页面顶部有这个

 <!--[if IE]>
<link rel="stylesheet" type"text/css" href="ie.css" />
<![endif]-->

在css文件里面我有这个

    <style>
h1 {
font-family: 'Paytone One', sans-serif;
font-size: 40px;
color: red;
position: absolute;
top:150px;
left: 400px;
}
h2 {
font-family: 'Paytone One', sans-serif;
font-size: 30px;
position: absolute;
top:0px;
left: 0px;
color: #FC3B3B;
}
h3 {
font-family: 'Paytone One', sans-serif;
font-size: 20px;
position: absolute;
top:300px;
left: 400px;
}
.image2 {
position: absolute;
top:0px;
left: 0px;
}
.box1 {
width: 100%;
height: 5px;
background-color:  #FC3B3B;
position: absolute;
top:0px;
left: 0px;
}
p {
position: absolute;
top:0px;
left: 0px;
font-size: 15px;
font-family: arial;
color: #585858;
}

</style>

IE 没有选择这个，当我更改数字以将内容放置在页面内时，它们不会移动。但是在 Chrome 浏览器中，定位正是我想要的位置

Answer 1

您需要<style>从 CSS 文件中删除标签。这样的文件只包含 CSS，根本不包含 HTML。

Answer 2

<style>从 css 文件中 删除标签，这是不正确的。<style>标签只需要在 html 文档中使用。