質問ではありませんが、意見をください。

Question

全然質問じゃありませんが、、、

CSS Splite テクニック、いただきます。
おぼろげに、jQuery-UI とかでもちいさいアイコン画像がいっぱい入った１枚の画像をクリッピングして使っているのはわかっていたんですが、調べるのが億劫で。
clip-rect じゃなくて、相対位置・幅・高さでやってたんですね。一定時間間隔で見える位置を変化させることでアニメーションも可能、と。

あらゆるブラウザ対応とするための、IFRAME だと思いますが、是非 IFRAME を使わない実装を考えてください。戻るボタンが効かないのは自分としてはウェブコンテンツとしては失格ですね。ajax の部分書き換えがメインで効かせないという画面ならわかるのですが、普通の画面で戻るボタン２〜３回押下（しかも最近のやつはリダイレクト多いから３〜４回素早く押さないと戻れないし、うっかりすると戻りすぎる；；）しないと戻れないのは、「広告」のIFRAME乱用が一因だと思っています。

陰ながら応援しています。

以上です。

Answer 1

戻るボタンが効かないのはaタグにtarget="_blank"として新しくタブを開いているためですが（Androidだと戻れる場合が多い）、iframe内に入っているため新しくタブを開かないとiframe内で遷移してしまうといった意味では、iframe使用が原因になりそうですね。
普通、リダイレクトの際はページ遷移というよりページの置き換えになるので、戻るボタンは一回で済むはずなのですが、２〜３回押さないと戻れないのはちょっとおかしいですね・・

配信の際には何重にもiframeに包まれることが多いです。
SSPやDSPと呼ばれる配信業者が間に挟まるためなのですが、それらすべての企業にシステムを変更するように浸透させていかなければならないので、なかなかハードルは高そうです。

Answer 2

iframeは普通は使ってないかな。

divでくくってcssでoverflow: hidden;するだけです。
あとはposition: absoluteしたコンテンツのleftとtopをいじるだけかな。
background-imageで画像を指定して、background-position:で位置指定する場合も。