 |
 |
[2009/2/28] サイトを一部リニューアルしました
[2010/7/13] 楽-サーチをバージョンアップしました
[2010/9/13] 楽-サーチをバージョンアップしました
|
|
 |
 |
|
 |
|
name
----------- |
job
----------- |
| タケ |
consultant |
| yaman |
engineer |
→作者プロフィール
|
|
|
 |
|
|
 - CSSちゃんねる > プロパティ一覧 > background-attachment
-
-
| 説明 |
画面に対しての画像を、スクロールさせるかさせないかを設定します
|
| 値 |
[fixed] = スクロールさせない |
| [scroll] = スクロールさせる |
| 初期値 |
[scroll] |
| 継承 |
不可 |
-
-
| [使用例] |
<html>
<head>
<style type="text/css">
<!--
div.fixed{
background-image:URL(http://www.seo-ch.com/img/bk.gif);
background-attachment:scroll;
height:110px;
width:240px;
overflow:scroll;
color:#a9a9a9;
}
div.scroll{
background-image:URL(http://www.seo-ch.com/img/bk.gif);
background-attachment:fixed;
height:110px;
width:240px;
overflow:scroll;
color:#a9a9a9;
}
-->
</head>
<body>
<div class="fixed">
〜省略〜
<div>
<div class="scroll">
〜省略〜
<div>
</body>
</html>
|
| |
| ブラウザ上の表示では、 |
| scroll |
fixed |
div.fixed{
background-image:URL(http://www.seo-ch.com/img/bk.gif);
background-attachment:scroll;
height:110px;
width:240px;
overflow:scroll;
color:#a9a9a9;
}
|
div.scroll{
background-image:URL(http://www.seo-ch.com/img/bk.gif);
background-attachment:fixed;
height:110px;
width:240px;
overflow:scroll;
color:#a9a9a9;
}
|
|
|
