ホームページ > 記事 > ウェブフロントエンド > これは天に反することです。ブラウザの非互換性_html/css_WEB-ITnose の問題

これは天に反することです。ブラウザの非互換性_html/css_WEB-ITnose の問題

WBOYオリジナル: 2016-06-24 12:09:55985ブラウズ

问题就是在firefox，ie8里页面底部的文字和背景图会灵异的跑到最顶端，在导航条之上。。。实在是想不出为什么。。拜托各位了！！

首先，html代码：是模板页的

    深圳网能达公司

Px＆gt; lt;/a＆gt;＆gt;＆lt; >背景を入力会社ニュース ;li>< ;a href="com_progress.aspx">開発プロセス< ;/a>

. 商品の表示 a>

商务合作

合作信息

联系方式

加入网能达

招聘信息

招聘电话

css：

body {text-align:center;background-repeat:no-repeat; 幅:990ピクセル; マージン:0 自動; パディング:0px; 背景:url(../images/body_sky.jpg) no-repeat;}
div,form,ul,ol,li,span,p{ border:0px; パディング:0px; マージン:0px; font-size:12px;list-style:none;}
ul,ol,li{list-style:none}
a{color:Black; text-decoration:none;}
a:hover{color:Red;}
img{ border:none;}

.xbody{width:990px; テキスト整列:左; マージン:0 自動; 高さ:95%;}
.head{高さ:100px; }
.head li{ float:left;}
.for{position: relative; 左:900ピクセル; 上:70ピクセル; フォントサイズ:16px; フォントスタイル:斜体; font-weight:bolder;}

.menu{width:990px; フロート:左; 表示:インライン; 高さ:30ピクセル; 背景画像:url(../images/bar.gif); margin:10px auto;}
.menu ul,.menu li{float:left; 表示:インライン; 位置:相対;}
.menu li a,.menu li a:hover{display:block; フロート:左; 行の高さ:30px; 幅:160ピクセル; テキスト整列:中央; 色:#FFF; font-size:14px;}
.menu li.selected a,.menu li a:hover{background:#008000; フォントの太さ:太字; color:#00F;}
.menu ul li ul{position:absolute; 左:0ピクセル; 上:30ピクセル; ディスプレイ:なし; width:160px;}
.menu ul li.selected ul{display:block;}
.menu li.selected li a,.menu li.selected li a:hover{background:#4490CE; 色:#000; font-weight:normal;}
.menu li.selected li a:hover{background:#000; color:#FFF;}

.footer
{
text-align:center;
background-image:url(../images/foot_bg.jpg);

}