IE外部CSS不在網頁中的項目

Question

好吧，所以我有一個外部的IE瀏覽器的頁面。

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（或在使用ID的情況下爲#image2）。