iframe引入頁面


將外層css框架單獨存放在一個css文件之中,將iframe的css單獨寫在一個css文件,避免iframe中的html,body等公共部分的樣式沖突。

外層框架單獨寫在一個css,如:

frame.css

 

引入頁面的css單獨寫在一個文件,如:

content.css

 

frame.html如下,只引入frame.css

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>這是框架Html</title>
		<link rel="stylesheet" href="frame.css" />
	</head>
	<body>
		<iframe src="content.html" width="100%" height="100%"></iframe>
	</body>
</html>

content頁面里則不需要引入frame.css文件,

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>這是contentHtml</title>
		<link rel="stylesheet" href="content.css" />
	</head>
	<body>
		<!--
        	作者:983521365@qq.com
        	時間:2017-05-16
        	描述:內容區
        -->
	</body>
</html>

  

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM