fancyBoxで、iframeをフローティングウィンドウで表示する際に、デザインの都合上、オリジナルのクローズボタンを設置したいことがあると思います。方法の一つとして、iframe側のHTMLに記述したクローズボタンを機能させる方法をメモしておきます。以下に例を示します。 デフォルトのクローズボタン iframe側のHTMLに記述したクローズボタンの例 iframe側のHTMLに記述したクローズボタンを機能させる方法以下は、サンプルのソースコードです。CSSや、重要でないオプション等は省略しています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>デモ - fancyBox クローズボタンを独自のものにする</title> <link rel="stylesheet" href="assets/
![fancyBoxのiframeでクローズボタンを自作する | mawatari.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/1498980da7852ca46168baf652fe3050986c1de8/height=288;version=1;width=512/https%3A%2F%2Fmawatari.jp%2Fwp-content%2Fplugins%2Fall-in-one-seo-pack%2Fimages%2Fdefault-user-image.png)