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では非常にずれているため、アイテムの位置を変更する必要があります。Web ページは 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 には他にもいくつかの誤りがあります: image2andbox1は有効なタグではありません。ほとんどの場合、.image2および.box1(または#image2ID が使用されている場合) が必要でした。

于 2012-12-23T14:27:57.777 に答える