A tag點選事件穿透上層Div

最近一個案子首頁滿版底圖中空youtube影片顯示，現在很多都這樣設計，但偏偏其右側偏中有個scroll的圖片加連結，切版拿到時，發現不讓景點出現在四週留白，連結會不能點選（因為被底圖的DIV所蓋住了，最快方式就是讓底圖無法被click，找半天發現CSS就能設定，如下：

.bg{
     pointer-events: none; //在CSS中加這段即可
}

不過IE似乎問題不少，但這篇HTML/CSS make clickable through transparent DIV layer有提到覺得IE很麻煩設定，可以試著用這個Pointer Events Polyfill

參考網址：
Click through a DIV to underlying elements
HTML/CSS make clickable through transparent DIV layer
Pointer-events:none or Click Through div

HTML學習筆記－常用的特殊符號

老是每次都忘掉又要重新找，在這記一下別人做好的吧

符號	說明	編碼		符號	說明	編碼		符號	說明	編碼
“	雙引號	"		×	乘號	×		←	向左箭頭	←
&	AND符號	&		÷	除號	÷		↑	向上箭頭	↑
<	小於符號	&lt;		±	正負符號	&plusmn;		→	向右箭頭	&rarr;
>	大於符號	&gt;			function符號	&fnof;		↓	向下箭頭	&darr;
	空格	&nbsp;		√	根號	&radic;			雙向箭頭	&harr;
	倒問號	&iquest;		∞	無限大符號	&infin;		⇐	雙線向左箭頭	&lArr;
«	雙左箭頭	&laquo;		∠	角度符號	&ang;		⇑	雙線向上箭頭	&uArr;
»	雙右箭頭	&raquo;		∫	微積分符號	&int;		⇒	雙線向右箭頭	&rArr;
‘	左單引號	&lsquo;		°	度數符號	&deg;		⇓	雙線向下箭頭	&dArr;
’	右單引號	&rsquo;		≠	不等於符號	&ne;			雙線雙向箭頭	&hArr;
“	左雙引號	&ldquo;		≡	相等符號	&equiv;			黑桃符號	&spades;
”	右雙引號	&rdquo;		≤	小於等於符號	&le;			梅花符號	&clubs;
	段落符號	&para;		≥	大於等於符號	&ge;			紅心符號	&hearts;
§	章節符號	&sect;		⊥	垂直符號	&perp;			方塊符號	&diams;
©	版權所有符號	&copy;			二分之一符號	&frac12;		α	Alpha符號	&alpha;
	註冊商標符號	&reg;			四分之一符號	&frac14;		β	Bata符號	&beta;
	商標符號	&trade;			四分之三符號	&frac34;		γ	Gamma符號	&gamma;
€	歐元符號	&euro;			百分符號	&permil;		Δ	Delta符號	&Delta;
¢	美分符號	&cent;		∴	所以符號	&there4;		θ	Theta符號	&theta;
£	英鎊符號	&pound;		π	圓周率符號	&pi;		λ	Lambda符號	&lambda;
¥	日圓符號	&yen;		¹	註解1符號	&sup1;		Σ	Sigma符號	&Sigma;
…	…	&hellip;		²	註解2符號、平方	&sup2;		τ	Tau符號	&tau;
⊕		&oplus;		³	註解3符號、立方	&sup3;		ω	Omega符號	&omega;
∇	倒三角型符號	&nabla;		↵	ENTER符號	&crarr;		Ω	Omega符號、歐姆符號	&Omega;

參考網址：
HTML常用的特殊符號

[Block] xxxxxxxxxx ran insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css

出現這種奇怪的問題，例如：
[Block] xxxxxxxxxx ran insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css

主要原因是明明正在https中，script link卻在http，這狀況其實只要將"http:"這串字拿掉，留下//ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css，這樣就不會有這個error出現了

參考網址：
HTTPS-friendly jQuery CSS theme from Google CDN

Code Style － HTML中的attribute的值要記得加上雙引號包住

很多時候的bug，只是很單純的一個逗點沒打，一個符號打錯，大部分的時候都是正確的，只有某些狀況出現，就一切都掛點了，例如底下這樣的寫法：

<td><input size="15" type=text name="test[]" value='.$value.'></td>

其實沒什問題，大部分狀況是ok的，因為瀏覽器會自動幫忙處理，但這段程式有個問題，value這部分要是$value的值是有空格的，那就會發生空格後的值都消失了，改成

<td><input size="15" type=text name="test[]" value="'.$value.'"></td>

重點是加上雙引號，就ok了，其實是很小的問題，但卻搞到整個系統資料大亂，找還找不出來，有些好習慣是一定要好好培養，不然bug解不完

HTML學習筆記－checkbox

記起來，原來checkbox沒有勾選，submit是不會傳值的

HTML學習筆記－Tag Button

做了這麼久，才知道原來Button有type（還是忘記了？），以往都直接使用，查了下資料，才知道

Button中，未指明type，在ie是預設button，其他則是submit，原文如下摘自w3school

Tip: Always specify the type attribute for a <button> element. Different browsers use different default types for the <button> element.

為什麼會想用button，因為input當button用時，無法設定高度，正好我需要設定，就頭大了，改用button就ok，但一直submit出去，讓我困擾，查了下才知道也有type的差別，加上去就ok了，該說以前都是能用就好的心態吧，哈哈哈


參考網址：
what's the standard behavior when < button > tag click? will it submit the form?
w3school - HTML <button> Tag