忍者ブログ

Someone's 自我成就坊

ただのヒキコモリです。 *月宮あゆたん愛するサイト*
RECENT ENTRY RECENT COMMENT
台灣 高美溼地 2012 夏至
(12/29)
121229 雜談
(12/29)
2012 要結束了
(12/27)
acer 4752g
(08/24)
BLOG 改版
(06/03)
KOTOKO ASIA TOUR 2012 IN TAIWAN
(05/14)
キッキングホース★ラプソディ
(04/22)
無題
[08/15 RalfX]
無題
[02/27 狼桑]
無題
[02/26 和製ホーリックス]
無題
[03/05 月]
無題
[12/26 motorolaz]
無題
[08/04 Microleft]
無題
[06/03 覺]

2025/01/29
08:32		 [PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2007/06/25
15:53		 CSS 背景位置設定

做個MEMO

面板試驗心得:Z軸在新版的瀏覽器裡面已經被淘汰的模樣,有興趣的人可以到忍者BLOG的分站來觀察(恥笑),   而TABLE則是相對的地位提高, IE7的構成相對之前貼近了W3C的規範,這是一件好事情,不過對於跟不上時代的MIS工程師所作的IE6專屬介面可能又會造成一個很大的困擾吧?

 追記: CSS BUG WIKI



背景固定


背景固定
<!--在<BODY>之內加入下列語法-->
bgproperties="fixed"

左上固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
background-attachment: fixed;
background-position:0% 0%;
background-repeat: no-repeat;}
-->
</STYLE>

左下固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat;}
-->
</STYLE>

右上固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
background-attachment: fixed;
background-position:100% 0%;
background-repeat: no-repeat;}
-->
</STYLE>

右下固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
background-attachment: fixed;
background-position:100% 100%;
background-repeat: no-repeat;}
-->
</STYLE>

中央固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
background-attachment: fixed;
background-position:50% 50%;
background-repeat: no-repeat;}
-->
</STYLE>

上方固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
BACKGROUND-ATTACHMENT:fixed;
BACKGROUND-REPEAT:repeat-x;
BACKGROUND-POSITION:fixed;}
-->
</STYLE>

下方固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
BACKGROUND-ATTACHMENT:fixed;
BACKGROUND-REPEAT:repeat-x;
BACKGROUND-POSITION:bottom;}
-->
</STYLE>

右側固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
BACKGROUND-ATTACHMENT:fixed;
BACKGROUND-REPEAT:repeat-y;
BACKGROUND-POSITION:right;}
-->
</STYLE>

左側固定
<!--在<head>與</head>之間加入下列語法-->
<STYLE type="text/css">
<!--
BODY {
background-image : url("圖檔名稱.jpg");
BACKGROUND-ATTACHMENT:fixed;
BACKGROUND-REPEAT:repeat-y;
BACKGROUND-POSITION:fixed;}
-->
</STYLE>

PR
COMMENT FORM
COMMENT
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
URL
FONT COLOR
PASS

TRACK BACK

トラックバックURLはこちら
<<< PREV  → HOME ←   NEXT >>>