匿名質問者

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


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

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2015/10/29 09:00:04

回答1件)

匿名回答1号 No.1

<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

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

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

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

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

回答リクエストを送信したユーザーはいません