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

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

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

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

No.3 回答者： tracer 回答日時： 2013/10/06 04:08

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

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

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

No.2 回答者： ORUKA1951 回答日時： 2013/10/04 19:48

id(identification)は文書の中の要素を一意に指定するための物です。

複数個所あるわけがない!!
classを使いましょう。

No.1 回答者： play_with_you 回答日時： 2013/10/04 19:20

IDはひとつしか使えないと決まっている。

https://www.google.co.jp/search?q=html+id