手機版網頁css bakcground fixed無法作用的問題

要在body設定background的背景圖為fixed
但是在手機版(ios)觀看會沒有作用，背景圖還是會跑

網路上搜尋到效果比較好的解決方式如下，做一下紀錄:

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(../images/starBack.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 20%;
}

請注意z-index值為-10。
html根元素默認z-index為0.
此值必須是最小z-index才能將其為背景。

網站功能在inAppBrowser(line / facebook)內無法使用的問題

在使用www.addevent.com 的訂閱行事曆服務時
發現如果是用手機在line裡面點擊活動網址的連結，
那麼點擊裡面的「加入行事曆」按鈕功能會沒有反應
(目前是在iphone上行事曆的問題，若經由FB點擊連結可以正常操作)

原因是因為Line會開啟自身App內的瀏覽器。
因為這類的 inAppBrowser/UIWebView 瀏覽器跟一般手機內的瀏覽器APP不同
會導致一些JS功能失效。

下方搜尋到的文章有比較清楚的介紹
https://blog.user.today/inapp-browser-webview-problem/

先做一下紀錄。

iphone的ios取消訂閱行事曆

iphone訂閱行事曆後，想要刪除該行事曆
進的行事曆App 或是ios「設定」內的「行事曆」選項，
只能看到「已訂閱行事曆」裡面的項目，
但是翻來翻去找不到刪除該行事曆的選項或按鈕。

浪費了一段時間翻找，才發現是藏在
「設定」/「帳號與密碼」裡面  (87～ 藏在這裡幹嘛！！)



點進帳號密碼後，會有一個「已訂閱的行事曆」選項。
進入後點擊要刪除的行事曆，然後按最下面的「刪除帳號」，就可以刪除了