(1)背景を表示して、さらに(2)右下の位置に固定して別の画像を表示することは出来るのでしょうか?
(1)だけなら、BODYタグの中で設定すれば出来ました。
(2)だけなら、某サイトでコピペしたものを使わせてもらい、表示することが出来ました。
しかし、二つを同時にしようとすると、2番目のものしか表示されません。
どうすべきなのか、無理なのか、ご存知の方、教えてください。
ちなみに、(2)のコピペとは以下のものです。スタイルシートというのでしょうか?良くわかりませんが。
<STYLE TYPE="text/css">
<!--
BODY{
background-image:url(gazou.png);
background-attachment :fixed;
background-repeat: no-repeat;
background-position: 100% 100%;
}
-->
</STYLE>
No.2
- 回答日時:
背景では無いのですが、IE5以降のみでしか動作しませんが、スタイルシートのフィルターを、使えばよく似た事が出来ます
不透明度は、0(透明)~100
<DIV style="FILTER: alpha(opacity=不透明度);
POSITION:absolute;top:100%;left:100%;">
<img src="イメージのURL"border=0>
</DIV>
回答どうもありがとうございます。
様々な方法があるのですね。この場合はスクロールバーを動かしたときに絵が動かないのとtopxx%;leftxx%;の数字を画像の大きさや見てる人のブラウザの表示サイズによって変えないといけないみたいですね。
参考にさせていただきました。
No.1ベストアンサー
- 回答日時:
ページ中をテーブルで囲って表示してはいかがでしょうか。
bodyに背景を一つ。
固定する背景は、tableのtdに対して行う。
つまり、
<html>
<head>
<STYLE TYPE="text/css">
<!--
body {
background:url(hoge.gif);
}
.MainTable td{
background-image:url(gazou.png);
background-attachment :fixed;
background-repeat: no-repeat;
background-position: 100% 100%;
}
-->
</STYLE>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="MainTable">
<tr><td>
~~~~
</td></tr>
</table>
</body>
</html>
思っていた通りに表示させることが出来ました。
ページ内のほかの部分に<table>を使っていたのでそちらにも画像が表示されてしまったのですが、そのタグより下に<table ... "MainTable">を貼り付けたらうまく表示されました。
どうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
textareaの外側の文字が下付き...
-
HTML5で、テーブル内tdタグの高...
-
(HTML)Tableを任意の位置に置...
-
HTML tableのセルにtextareaを...
-
html5のテーブル内でdivのタブ...
-
CSSで<table>を横に並べるよう...
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
テーブル内のセル間にスペース...
-
フォームタグのプルタウンの隙...
-
tableを画面中央に配置する方法
-
table表を横に並べる際の間隔指定
-
VBAで作れるかな?
-
文字、センタリングの中での行...
-
table要素のtrやtdって・・・
-
<fieldset>タグについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
HTML tableのセルにtextareaを...
-
テーブルデータを折り返して表...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
正規表現で「より前」と「より後」
-
スタイルシートで左側だけ色を...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
HTMLのテーブルをExcelにCopy&P...
-
html5のテーブル内でdivのタブ...
-
スタイルの無効化
おすすめ情報