CSSで背景画像をランダムに同画像を複数個所に表示

質問

http://okwave.jp/qa/q4805263.html
を参考にjavascriptと id="main"を設定して、1か所は動作しました。

そこで、同時に同じ画像を別の場所にも表示しようと、
複数の場所に id="main"を指定したら、
そのページの1番上部にある id="main"の設定箇所しか動作しません。

行いたいことは、
同時に同じ画像を複数個所に表示する方法はないでしょうか。

回答No.3

tracer

まぁ、みなさんの回答と同じことをいいますが、少しやさしく表現してみます。

idとは、学校でいうところの出席番号みたいなものです。
htmlには、idとは別にclassというものもありまして、classはその名の通り、クラス(組)としてとらえてください。
3年4組の人は複数いますが、3年4組の出席番号1番の人は、一人しかいません。
つまり、classは複数の要素に設定できるけど、idはひとつの要素にしか設定できないわけです。

javascriptのソースを見ていないのでなんとも言えませんが、もしかすると、idとしているところをclassに置き換えるだけで動くかもしれませんね。もちろん、htmlだけではなく、cssもjavascriptも編集する必要があるはずです。

回答No.2

ORUKA1951

id(identification)は文書の中の要素を一意に指定するための物です。
複数個所あるわけがない!!
classを使いましょう。

回答No.1

play_with_you

IDはひとつしか使えないと決まっている。
https://www.google.co.jp/search?q=html+id