htmlに埋め込んだ後、htmlが完全に表示されず、CSSの読み込みに失敗する_html/css_WEB-ITnose
元々は埋め込まれていませんでしたが、ナビゲーションバーの修正を容易にするために、ナビゲーションバーを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 ページに記述する必要があります。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する
