> 웹 프론트엔드 > HTML 튜토리얼 > html嵌入html后无法完全显示,并且加载CSS失败_html/css_WEB-ITnose

html嵌入html后无法完全显示,并且加载CSS失败_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:14:26
원래의
1290명이 탐색했습니다.

   原本没有做嵌入,现在为了修改导航栏方便,就把导航栏写到一个html里面,方便以后单独修改后多个页面能使用。
问题是没嵌入前网页是正常的,把导航栏写到另一个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"    style="max-width:90%"></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页面里。

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿