Question

好吧所以我有一个IE的外部CSS页面。

h1 {
font-family: 'Paytone One', sans-serif;
font-size: 40px;
position: absolute;
top:150px;
left: 200px;
color:#FC3B3B;
}

h2 {
font-family: 'Paytone One', sans-serif;
font-size: 30px;
position: absolute;
top:0px;
left: -100px;
color: black;
}
h3 {
font-family: 'Paytone One', sans-serif;
font-size: 20px;
position: absolute;
top:300px;
left: 400px;
}
image2 {
position: absolute;
top:0px;
left: 100px;
}
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;
}

然而，我可以改变的是h1中的颜色。我无法改变h1中的位置。关于其他项目，我无法改变任何事情。我需要更改项目的位置，因为它在IE中非常关闭。该网页适用于Chrome，Firefox和Safari

Answer 1

很有可能它们被更具体的选择器覆盖，或者在加载CSS后出现。

最简单的解决方法是使用!important：

h1 {
    font-family: 'Paytone One', sans-serif;
    font-size: 40px;
    position: absolute !important;
    top: 150px !important;
    left: 200px !important;
    color: #FC3B3B;
}

注意：如果你把它放在其他地方，你不需要重复所有内容。

您的CSS中还有其他一些错误：image2和box1不是有效标记。您很可能需要.image2和.box1（或#image2，以防使用ID。）

IE外部css不是网页中的项目

1 个答案: