2012年9月28日 星期五
2012年9月5日 星期三
2012年8月30日 星期四
2012年8月29日 星期三
2012年6月10日 星期日
網頁固定背景CSS語法設定
語法:
body{
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(minwt.jpg);
}
解說:
1.背景固定:
background-attachment: fixed;
參數:fixed:固定背景 scroll:捲動背景
2.背景重覆:
background-repeat: no-repeat;
參數:no-repeat:不重覆 repeat-x:水平重覆 repeat-y:垂直重覆
3.圖檔路徑:
background-image: url(minwt.jpg);
body{
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(minwt.jpg);
}
解說:
1.背景固定:
background-attachment: fixed;
參數:fixed:固定背景 scroll:捲動背景
2.背景重覆:
background-repeat: no-repeat;
參數:no-repeat:不重覆 repeat-x:水平重覆 repeat-y:垂直重覆
3.圖檔路徑:
background-image: url(minwt.jpg);
2012年5月23日 星期三
內置框架完全透視
讓內置框架可以透視網頁背景
步驟一、先在你的網頁中內置框架;複製語法貼於<body> </body>之間
<iframe name="content" frameborder="0" width="400" height="300" scrolling="yes" src="home.html" allowtransparency="true"></iframe>
**參數解說:
步驟二、複製語法貼於要顯示於內置框架的網頁<head></head>之間
<style type="text/css">
<!-- body{background-color:transparent}
-->
</style>
-->
若你有很多頁想顯示在這個內置框架中,那就必須在每一頁都加上步驟二的語法
< 語法參考來源>OECSPACE 網站
步驟一、先在你的網頁中內置框架;複製語法貼於<body> </body>之間
<iframe name="content" frameborder="0" width="400" height="300" scrolling="yes" src="home.html" allowtransparency="true"></iframe>
**參數解說:
- name="content" :框架名稱
- height="300" width="400" :設定框架的高度及寛度
- scrolling="yes" :框架是否有捲軸
- src="home.html" :框架首次顯示的內容網頁
<style type="text/css">
<!-- body{background-color:transparent}
-->
</style>
-->
< 語法參考來源>OECSPACE 網站
訂閱:
文章 (Atom)