携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-
XHTML+CSSで一歩進んだモバイルサイトを作るテクニックを幅広く紹介☆
このエントリーを含むはてなブックマーク このエントリーをブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


このエントリーを含むはてなブックマーク このエントリーをブックマークに追加
CSSの「background-positionプロパティ」の値の指定方法で
各社どのように対応するか詳しく挙動を調べてみたのでメモ。

CSSセレクタbackground-position
設定方法ドコモauSoftBank
キーワード指定 (left center)×
パーセント指定 (33% 50%)×
合成形の指定 (33% center)××
キーワード省略形 (bottom)×
パーセント省略形 (30px)×
※background-positionプロパティはauとソフトバンクのみに対応(ただし、使えるタグが限られる)
※画像はbackground-imageで指定するが、ドコモではbodyタグのみ。

ソース例

<body style="background:url(./image.gif) no-repeat; background-position:30px;">
<!--WRAPPER-->
<div style="font-size:xx-small;">
<div style="background:navy;color:white;text-align:center;"><background-position></div>
<br />
<!--文字-->
background-positionの挙動<br />
body要素に適用<br />
</div>
<!--WRAPPER END-->
</body>

合成形はあまり指定することはないですが、
auでは対応してないようです。






管理者にだけ表示を許可する






Copyright © 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-. all rights reserved.

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。