<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 所需圖片，先放在下面。
<button type="submit" name="foo" value="bar">text</button>
上面這段一般會預期送出bar，但在IE7之前的版本會送出text。
這次專案客戶反應表單不能使用，在各瀏覽器(IE、FF、Chrome、Opera)都試過後，才在IE8的相容性檢視才發視這個問題。
其實這問題之前就知道了，只是長久下來只記得不要用 <button> ，久而久之就忘了“為什麼？”。這次使用 <button> 只是單純為了讓有多個送出按鈕的表單，其按鈕所顯示的文字與送出的值分開，再加上沒有用 IE6/ 7測試，就被這個老問題給再炸了一遍。
window.onload = doSomething; // 上述改用 YUI 如下 YAHOO.util.Event.addListener(window, 'load', doSomething);
function addListener(newListener) {
var oldListener = window.onload;
if (typeof window.onload != 'function') {
window.onload = newListener;
} else {
window.onload = function() {
oldListener();
newListener();
}
}
}
Content-Type: text/html
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>標題</title>
<?xml version="1.0" encoding="UTF-8"?>
AddDefaultCharset utf-8
<!DOCTYPE開頭的東西。個人推薦的是 XHTML 1.0 Strict 或 HTML 4.01 StrictWe use and recommend this !DOCTYPE to trigger Standards Mode in browsers with multiple rendering modes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<a href="..script..">link</a> <a href="..url.." onclick="..script..">link</a>
<input type="button" onclick="doSubmit()" /> <input type="submit" onclick="doSubmit()" />
.ellipsis{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; /* for IE, O */
-o-text-overflow:ellipsis; /* for Opera priv */
width:10em;
}
<p class="ellipsis">這是一段沒什麼意義，但是很長、很長、很長、很長、很長、很長的文字。</p>
html>body .ellipsis span:after { 改成 html>body .ellipsis:after { 才能運作。IE7-WindowsXP-x86-enu.exe /x檢查表單資料是不是“來自它應該來的地方”，有心人士可以在本地端建立一個表單，可以藉此略過一些檢查來送出資料。
PHP 可以用 $_SERVER['HTTP_REFERER'] 取得referer，但就如同PHP Manual寫的，這個值是不可靠的，所以只能當做基本的檢查。比較好的方法，可以用hidden欄位插入特定的值…(秘)。
- 'HTTP_REFERER'
- The address of the page (if any) which referred the user agent to the current page. This is set by the user agent. Not all user agents will set this, and some provide the ability to modify HTTP_REFERER as a feature. In short, it cannot really be trusted.
