ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS は IE では正常に表示されますが、他のブラウザでは表示されません_html/css_WEB-ITnose

CSS は IE では正常に表示されますが、他のブラウザでは表示されません_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:56:02
オリジナル
1154 人が閲覧しました

先頭のDIVにログを入れ、その後ろにメニューを追加(LOGと並行)し、各メニューに背景画像を付けるとこんな感じです。
ただし、表示される結果メニューのテキストは常にシフトされ、背景画像の下には表示されず、背景画像の後ろに隠れます。背景画像の表示も異常で、設定した解像度が1024*768以下の1200になっており、前面の背景画像の一部が表示されず、フォーム全体にスクロールバーが表示されます。それを高く求めてください。

<div class="Head" style=" width:1200px; height:84px; margin:0; padding:0;"">        <div class="mlog" style=" width:344px; height:84px;background-image:url(../images/mlog.jpg); float:left"></div>        <div class="menu" style=" width:640px; height:84px; float:left; ">                <ul style=" width:640px;height:84px;float:left; margin:0; padding:0">                <li style=" width:80px; height:84px;background-image:url(../images/m1.jpg);float:left;"><a  href="about.asp" ><%=Nav_2%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m2.jpg);float:left;"><a  href="kctx.asp" <%if uid<>3 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_3%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m3.jpg);float:left;"><a  href="team.asp" <%if uid<>4 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_4%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m4.jpg);float:left;"><a  href="news.asp" <%if uid<>5 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_5%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m5.jpg);float:left;"><a  href="xyhd.asp" <%if uid<>6 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_6%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m6.jpg);float:left;"><a  href="jzsq.asp" <%if uid<>7 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_7%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m7.jpg);float:left;"><a  href="ydh.asp" <%if uid<>8 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_8%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m8.jpg);float:left;"><a  href="about.asp" <%if uid<>10 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_8%></a></li>                </ul>        </div>         <div class="ser" style=" width:216px;background-image:url(../images/mlink.jpg); overflow:hidden; height:84px; line-height:19px;"><a onclick="SetHome(window.location)" href="javascript:void(0)" style="color:Red;">设为首页</a><a>|</a><a onclick="AddFavorite(window.location,document.title)" href="javascript:void(0)" style="color:Red;">加入收藏</a><a>|</a><a  href="contact.asp" style="color:Red;">联系我们|</a>        </div>   </div>
ログイン後にコピー


ディスカッション(解決策)に返信

誰か返信できますか? 。

TABLE を使用してください。TABLE ではこの問題は発生しません

コードをプロジェクトから取り出して個別にテストするか、コードを送信してください。問題の解決をお手伝いします。送信されたものは単なるコードであり、テストするのは簡単ではありません。


overflow:hidden の後に追加

パディングの最後に余分な引用符があることにも注意してください: 0; "">

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート