html cssについての質問です
図のような表をtableタグで作っている場合
青 ：壁紙なし
赤 : bg01 を横につなげて(繰り返しではない図)
緑 : bg02 を横につなげて(繰り返しではない図)
紫 : bg03 を横につなげて(繰り返しではない図)
※各画像は表にピッタリのサイズ
のようにしたい場合はどのようにすればいいのでしょうか。
background-position: center ;
background-attachment: fixed ;
とすると画像が1枚に繋がるのですが表の中でスクロールしてしまい困ってます。
No.1
595
351
テーブル内では通常スクロールが発生しませんので、「background-attachment: fixed;」は必要ないと思います。
任意の位置に表示するには、テーブルおよびセルの幅、高さを指定して、「background-position」で位置をpx指定で調整します。
※今回は必要ないと思いますが、「background-attachment」の動作仕様については次のページが参考になると思います。
・トップ > CSSリファレンス > background-attachment
http://www.tohoho-web.com/css/prop/background-attachment.htm
※「background-attachment」の動作についてですが、おそらくGoogle Chromeでは「fixed」の動作でバグがあります。
※また、「background-image」についてもバグがあるようです。
trまたは「display: table-row;」を指定した要素に「background-image」プロパティを指定した場合、tdあるいは「display:table-cell;」を指定した子要素ごとにレンダリングされます。(デベロッパーツールの「Styles」および「Computed」パネルでは正常に解析されています。)
この為、現時点ではtrではなくtdに指定して調整する必要があります。
※上記2点について、「Google Chromeの設定」「ヘルプと概要」→「問題の報告」からフィードバッグを送信したので、今後修正されるかもしれません。
rouge_2008
2015/11/12 01:00:34
2
12
1
秋雨
すみません BA遅くなりました ご回答有り難うございました。
2015/11/23 23:26:37