2015-05-11 透過PNGをマスクにしてクリッカブルマップを作ろうとしたが挫折した話 技術 html 図にするとこんなことをやりたかったがダメだった。 アルファチャンネル付のpngを複数枚用意する それぞれのpngに別々のページをアンカーする cssでpngをすべて重ねる pngで透明な部分は重なった後ろの方のpngにフォーカスする(といいなぁ) →透明な部分にカーソルを当てても、一番上のpngにしかフォーカスしませんでした!! 解決案は? PNG、重ねて | ローディアムアーカイブPNG、重ねて 後編 | ローディアムアーカイブ上記サイトで似たような葛藤を抱えている感じが見えます。解決(代替)案も書いてあるので詳細はそちらを参照。 SVGは詳しくないので、自分でやるとしたらイメージマップ(map/area)かなぁ。あるいはflashとか?こういう需要に対応することができれば強みになるかも。 追記 unohanat.hatenablog.com代替方法探してみた編。