0

好的，所以我有一个用于 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 中运行良好

4

1 回答 1

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 的情况下）。

于 2012-12-23T14:27:57.777 回答