描述：Chrome 滑鼠移上連結出現奇怪區塊線條
觸發條件：<body> 使用 CSS 的 background-blend-mode 之後會發生，原因不明。
解決方式：使用繪圖軟體修改背景，不使用 CSS 的 background-blend-mode。
2017年6月19日
麥克風太小聲
排除麥克風本身故障、沒插電等狀況後，還是很小聲的話，可以檢查一下「聲音」的設定。
控制台 → 聲音 → 錄製 → 選取麥克風裝置 → 內容 → 等級看看第一個選項的音量是不是很小，若很小就調整到可以接受的音量。
2017年5月25日
和 CSS media query 一致的 JavaScript 視窗寬度判斷
在電腦瀏覽器上，以下幾個 jQuery 寫法取得的值都已刪除捲軸的寬度，和 CSS media query 並不一致，在撰寫 Code 上變得有點麻煩
仔細 Google 後，有找到一個在「只需判斷而不需取值」的情況下非常簡單的寫法：
網路上找到幾個方法都是將捲軸寬度加上去，個人覺得太過麻煩，捲軸寬度的算式通常會佔是好幾行，不是很美。$(window).width(); $(window).innerWidth(); $(window).outerWidth(); $(window).outerWidth(true); 以上皆同值
仔細 Google 後，有找到一個在「只需判斷而不需取值」的情況下非常簡單的寫法：
if (window.matchMedia('(min-width: 300px)').matches){
...
}
混在 jQuery 裡使用是沒問題的。
2017年2月10日
2017年2月3日
Windows 10 無法辨識 Windows Phone
換了好幾個 USB 插槽和 USB 連接線，都無法解決「無法辨識此裝置」的問題。
將 USB 線拔掉，手機重開機進入開始畫面後，再連線就可以了。
此解法已經玄妙到我無法領會。
然後這 Blog 上次更新竟然是 2013 年…(嘆)
2013年9月18日
2012年9月20日
無法列印插圖
輸出 PDF 時遇到這個問題，網路上 Google 不外乎是「記憶體不足」或是「圖像屬性不對」。但我重開機或是置換新圖都沒辦法解決。
後來把輸出尺寸縮小並調整縮放為「符合頁面大小」就成功輸出了。也許 PDF 檔的尺寸也是有極限的。
2012年8月23日
2012年8月1日
IE7 / IE8 CSS Hack
property: value\9;
- \9 不能改字，不能自作聰明換其他數字像 \8，這樣就沒效了。
- \9 一定要跟 value 黏在一起，中間不能有任何阻礙和空白，這 Hack 才有效。
- 真是濃密又詭異的關係。
IE7 / IE8 Gradient CSS
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000',EndColorStr='#fff');漸層由上至下，不能指定方向。（我懶得再 Google，有得用就不錯了還挑什麼挑）
2012年3月6日
2011年11月16日
IE6 / max-height / min-height
.class-a{
max-height:100px;
min-height:50px;
overflow:auto;
-height:expression(
this.scrollHeight > 100 ? "100px" : (
this.scrollHeight < 50 ? "50px" : "auto"
)
);
}.class-b{
max-height:100px;
overflow:auto;
-height:expression(this.scrollHeight > 100 ? "100px" : "auto");
}
2011年8月3日
2011年7月30日
2011年7月27日
任意時間時區換算 World Time Buddy
http://www.worldtimebuddy.com/
介面非常簡單，以下只提幾個操作重點。
- 增加城市：左上輸入區塊可直接輸入世界各地的城市名稱，目前只限英文。
- 選擇日期：輸入區塊右方的日曆點開就可選擇任意日期。
- 12 / 24 時制切換：點右上方的「am / pm / 24」圖示可直接切換。
2011年7月18日
CSS 圖片垂直置中
Chrome, Firefox, Safari, Opera, IE8/9
CSS
.a{
display: table-cell;
vertical-align: middle;
}HTML
<div class="a">
<img src="…" />
</div>
IE7
CSS
.a{
display: table-cell;
line-height: (高度同容器 height) ;
vertical-align: middle;
}
.b{
display: inline;
}HTML
<div class="a">
<img src="…" class="b" />
</div>
P.S. 若使用此方法後，在 IE7 仍然無法垂直置中，請檢查一下在 <html> 前有沒有 <!DOCTYPE> (W3CSchools <!DOCTYPE>)
2011年7月10日
黑龍公主巢穴鑰匙 / 龍火護符 / 溫德索爾元帥任務串備份
[54] 黑龍的威脅 Dragonkin Menace
起始：赫林迪斯‧河角 Helendis Riverhorn
結束：赫林迪斯‧河角 Helendis Riverhorn
燃燒平原上永遠充滿了爭端。
看看這個地方!我們不知道這些建築到底是怎麼回事，但是我們會永遠記住，在大爆炸之前，這些地方原本都是屬於赤脊山範圍的。
現在的情況真是太糟糕了!我們碰到了一個問題，[玩家姓名]。你也許已經注意到在這道山脊下徘徊的那些龍了。殺了它們，越多越好。去完成這個任務，然後我們再來談談別的。
2011年7月6日
Opera 背景高度無法擴展
原因
若網頁內容高度比視窗高度少，內容底部至視窗底部的這一段有可能會是瀏覽器的預設背景色。（預設值通常會白色）
若使用 Fullscreen 功能再縮回，這一段背景會回復正常。但重新整理後又會出現兩塊背景。
解法
分別在
html和body加上min-height:100%強迫擴展高度。CSS 部份
html, body{min-height:100%;}
IE6 Overflow:hidden 失效
原因
CSS 部份
div#A{overflow:hidden;}
div#B{position:relative;}HTML 部份
<div id="A">
<div id="B"></div>
</div>說明：這是 IE6 的 Bug。當子元素 B 設了
position:relative後，父元素 A 的overflow:hidden會失效，B 區塊超出 A 的部份無法被隱藏。
解法
在父元素的 CSS 也加上 position:relative 即可。
div#A{
position:relative;
overflow:hidden;
}
div#B{position:relative;}
IE6 Bug: position:absolute 區塊消失
原因
CSS 部份
div#A{position:absolute;}
div#B{float:left;}HTML 部份
<div id="A"></div>
<div id="B"></div>說明：因為 IE6 自身的 Bug，若設了
position:absolute的 A 後面緊接著設了float的 B，A 會消失不見。
解法
在 A 跟 B 之間夾一個空的 div，讓 A 不會緊臨著設了
float的元素。。<div id="A"></div>
<div></div>
<div id="B"></div>若要寫得漂亮一點，只針對 IE6 的話可以用註解的方式：
<div id="A"></div>
<!--[if IE 6]><div></div><![endif]-->
<div id="B"></div>
訂閱：
文章 (Atom)