0

私のコード

<div id="header">
<div id="header_top">KIDS'<br>ZONE</div>
</div>

css

#header{
        width:1024px;
    height:150px;
    background:url('../images/Orange.jpg');
    background-repeat:no-repeat;
    background-size:1024px 150px;
}
#header_top
{
    background:#842DCE;
    width:125px;
    height:70px;
    float:left;
    margin-left:50px;
    margin-top:-20px;
    color:white;
    text-align:center;
    font-family:"Times New Roman", Times, serif;
    font-size:25px;
    padding-top:5px;
    opacity:1;
    font-weight:bold;

}

IE以外の他のブラウザでの私の結果

ここに画像の説明を入力してください

IEでは

ここに画像の説明を入力してください

とても簡単かもしれませんが、私は苦労しています、助けてください

4

3 に答える 3

3

IE6のサポートを真剣にやめるべきです。IE6カウントダウンサイトによると、Microsoftでさえこれを提唱しています。

Internet Explorerの新しいバージョンにアップグレードすることには、速度の向上、タブブラウジング、プライバシー設定の改善など、多くの利点があります。

ウェブは過去10年間で大きく変化しました。ブラウザは新しいWebテクノロジに適応するように進化しており、最新バージョンのInternet Explorerは、新しい攻撃や脅威からユーザーを保護するのに役立ちます。

より安全なブラウジング体験のために、InternetExplorer6のユーザーは新しいバージョンのInternetExplorerにアップグレードすることをお勧めします。

ある時点で、あなたは本当に先に進む必要があります。最近では、Netscape NavigatorやLynxブラウザを明示的にサポートしたり、Fortran、BCPL、RCA1802アセンブラ言語でコードを記述したりする人はほとんどいません。そして、正当な理由があります。

そして、あなたがIE6を「正しく機能する」ために使用することを主張している組織の1つであるという偶然の機会に、上記のリンクの教育セクションには、あなたを助けるためのいくつかのリソースがあります。

于 2012-06-26T05:29:50.090 に答える
3

CSS

    #header{background-color:#FF6600; height:150px; margin-top:100px; position:relative; overflow:visible;}
#header_top{width:100px; height:50px; position:absolute; top:-20px; left:25px; background-color:#CC0099;}

HTML

    <div id="header">
         <div id="header_top"></div>
    </div>
于 2012-06-26T05:38:35.883 に答える
1

position：absoluteを子要素に割り当てます

例えば：

<style>
#header {width:220px; height:150px; background-color:blue; margin:100px; position:absolute}
#header_top {width:200px; height:130px; background-color:yellow; text-align:justify; margin-top:-50px; position:absolute}
</style>

そして、ここにさらなる参照のためのリンクがあります:) IE6Beastを飼いならすための決定的なガイド。 可能であれば、ie6のサポートを停止してください。

于 2012-06-26T05:40:02.550 に答える