ホームページ >ウェブフロントエンド >htmlチュートリアル >htmlに埋め込んだ後、htmlが完全に表示されず、CSSの読み込みに失敗する_html/css_WEB-ITnose

htmlに埋め込んだ後、htmlが完全に表示されず、CSSの読み込みに失敗する_html/css_WEB-ITnose

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

元々は埋め込まれていませんでしたが、ナビゲーションバーの修正を容易にするために、ナビゲーションバーをHTMLに記述し、将来的に個別に修正して複数のページで使用できるようにしました。
問題は、Web ページが埋め込まれる前は正常ですが、ナビゲーション バーを別の HTML に書き込んだ後は正常ではなくなり、一部が表示されなかったり、CSS が読み込まれなかったりすることです。何が起こっているのでしょうか。 CSSは標準でhead内に読み込まれています

<link rel="stylesheet" href="./default.css" type="text/css">

埋め込まれたステートメントは
<iframe name="content_frame" marginwidth=0 marginheight=0 width=100%  src="./head.html" frameborder="0"  scrolling="no" ></iframe> 




埋め込まれたページは
<!--头部链接,嵌入整个NAV,包括最顶部、图片、和导航栏-->	<div class="top">			<div id="nav">			<div class="nav-left">								         				         				咨询电话:<font color="red">020-33445566</font>			</div>						<div class="nav-right">				<a href="">网站首页</a> | <a href="javascript:void(0);" onclick="AddFavorite('我的网站',location.href)">收藏本校</a>			</div>						<!--清除浮动-->			<div class="clear">			</div>		</div>				<div class = "banner">			<center><img src="./Front-pic/banner.jpg" alt="aa" width="1079" height="120"></img></center>		</div>				<div class = "Navigation">			<div id="menu_wrapper" class="blue">			<div class="left"></div>				<ul id="menu">					<li><a href="#">首页</a></li>					<li><a href="#">招生信息</a></li>					<li><a href="#">通知公告</a></li>					<li><a href="#">网上报名</a></li>					<li><a href="#">在线资讯</a></li>					<li><a href="#">联系我们</a></li>				</ul>			</div>		</div>	</div>


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

のパスに問題はありますか?インポートされた CSS ファイル

インポートされた CSS ファイルのパスに問題がありますか?

埋め込んだページはこのように記述されていますか?

どうやって書けばいいですか? 埋め込んだページはこのように書かれていますか?

iframe で埋め込まれた HTML ページは独立したページなので、対応する CSS スタイルを head.html ページに記述する必要があります。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。