匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

css等で画像の上に画像を配置したい。


イベントバナーをページに掲載していて、イベントが終わったら「イベント終了」のスタンプのようなものを上に重ねたいです。
今までは、普通に画像を加工していたのですが、css等でもっと簡単に追加が出来ないでしょうか?
イベントバナーはリンクボタンなので背景設定は出来ません。
重ねたいimgにcssを設定してスタンプ画像(png)を重ねる事は出来ませんか?

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/10/22 08:59:20
  • 終了:2015/10/29 09:00:04

回答(1件)

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2015/10/22 11:55:55

<img src="スタンプ画像URL" style="background-image:url(バナー画像URL);">
でどう?
画像サイズを同じにしておけばこれで問題ないような気がするけど。

他3件のコメントを見る
匿名回答1号

ああ、レイヤーってもちろんレイヤータグのことじゃないよ。
単なる「重ねあわせ」のこと。

Javascriptによる書き換えも、position宣言による重ね合わせも使わずに
ひとつのimgタグだけに対するスタイル宣言だけでやる方法なら
お手上げだ。すまんね。

2015/10/23 16:36:13
匿名回答1号

いちおう、Javascriptを使った書き換えによる手だけ書いておく。

bodyタグに以下を入れれば、
class="end"としたimg要素すべてにスタンプ画像が重なるはず。
CSS使ってないくせに、タグの見た目だけはCSSでやっているように見える卑怯な手だが。


onLoad="JavaScript:
var allImg = document.getElementsByTagName('img');
for(var i = 0; i < allImg.length; ++i){
if(allImg[i].className=='end'){
allImg[i].style.backgroundImage = 'url(' + allImg[i].src + ')';
allImg[i].src= 'スタンプ画像URL';
}
}"

2015/10/23 17:32:25

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません