macIE5の環境で背景の位置がうまく表示されないのですが、以下のソース
<body>
<div class=”companyAREA” id=”cfnBLOCK1”>
<h2>見出し</h2>
<p>内容
内容
内容</p>
</div>
</body>
</html>
CSSは
div.companyAREA{
background: Fuchsia url(../images/cfn_history_back2.gif) no-repeat 100% 0px !important;
}
div.companyAREAの右上（右角をピッタリあわせて）に背景を表示したいのですが、<p>の内容が増えて縦が長くなると背景画像の上が揃わなくボックスの縦の長さによって下に下がってしまいます。
良い解決策はないでしょうか？教えてやってください。お願いします。
macIE以外の環境でしたらOKです。
No.1
9
0
20pt
少々、意味が分かりにくかったのですが、
こういう事でいいのでしょうか？
<html>
<head>
<style type=”text/css”>
<!--
body {
background-attachment: fixed;
background-image: url(../images/cfn_history_back2.gif);
background-repeat: no-repeat;
background-position: right top;
}
-->
</style>
</head>
<body>
<h2>見出し</h2>
<p>内容
内容
内容</p>
</body>
</html>
No.2
5447
20pt
URLをご覧ください
こういうことだと思いますが
もしよかったら 右クリックでソースをお持ち帰りください
コチラの環境は Win IE6 で確認してます
もし自分の勘違いでしたら 申し訳ないです＾＾；
No.3
1510
20pt
http://www.tagindex.com/stylesheet/page/background_image3.html
スタイルシート［CSS］/ページ全般/背景画像の表示位置を指定する - TAG index
MacIE5.2.3ではずれていくようなことは無いみたいですが、
background-position:right top;
とかを入れてみたらいかがでしょうか？
No.4
40
20pt
div.companyAREA{
background: Fuchsia url(../images/cfn_history_back2.gif) no-repeat top right !important;
}
これでだめでしょうか？
No.5
40
20pt
div.companyAREA{
background:url(”../images/cfn_history_back2.gif”) no-repeat top right !important;
}
すいません、もしくわこちらでお願いします。
1
1
1
2
1
2
44
44
コメント（0件)