純 CSS 式預載 :hover 圖片

<style type="text/css">
.button
{
  background: url("button_hover.png");
}
.button div
{
  background: url("buttonr.png");
}
.button div:hover
{
  background: url("button_hover.png");
}
</style>
<div class="button"><div></div></div>

其實就是先把 :hover 所需圖片，先放在下面。

• 這只適合同大小，非透明的圖片。
• 預載的時間點就和其它圖片一樣，而不像用 javascript 可以設定在網頁載入之後。

IE <button> 送出非預期的值

<button type="submit" name="foo" value="bar">text</button>

上面這段一般會預期送出bar，但在IE7之前的版本會送出text。

這次專案客戶反應表單不能使用，在各瀏覽器(IE、FF、Chrome、Opera)都試過後，才在IE8的相容性檢視才發視這個問題。

其實這問題之前就知道了，只是長久下來只記得不要用 <button> ，久而久之就忘了“為什麼？”。這次使用 <button> 只是單純為了讓有多個送出按鈕的表單，其按鈕所顯示的文字與送出的值分開，再加上沒有用 IE6/ 7測試，就被這個老問題給再炸了一遍。