Category: css

世上最遙遠的距離不是生與死,而是網頁在不同瀏覽器差了1個pixel,怎麼調都搞不定! 不少網頁設計人員應該都有過經驗,設計得好好的網頁,換個瀏覽器檢視,排版就出現問題。例如: 用<div>圖檔與背景圖擋的位置精算位移接合圖檔,在Firefox下密合得天衣無綘,但換到IE、...

寫Web的人或多或少對CSS有一些了解,知道CSS Selector(如#id, .className, div.className)在套用上會採取愈具針對性愈優先的原則,所以當多組Style設定衝突時,指定#id比指定.className優先,指定.className的規則又比只指定div優先...

專案有個需求,網頁中有些<INPUT>輸入欄位只接受英數字,並加掛了Javascript按鍵事件,依特定規則對輸入字元進行過濾。 接獲使用者回報,當使用新注音輸入法操作該輸入欄位時,會產生非預期的結果。猜想應是Javascript事件得配合輸入法的某些特殊行為進行調整,但轉念一想,由於...

在部落格上分享技術心得,常帶來意外收獲! 網友的迴響總讓我見識增長,額外學到的新東西超乎想像,每每發現過去忽略或未曾接觸的寶藏,總令我欣喜若狂。 說出來也不怕大家笑話,從事Web開發多年,卻未曾在Javascript下過苦工,對CSS也是開始把玩jQuery後才漸漸熟悉的。終日周旋於工作家...

測試了一下,ReportViewer 2008在跨瀏覽器方面問題挺多。 例如報表工具列,只有在IE下可以完整顯示,線上列印功能要動用ActiveX Control,所以IE以外的瀏覽器無法使用天經地義。但測試下來,在IE以外的瀏覽器上仍然有些其他問題要克服... 在非IE瀏覽器裡,即使Report...

慢慢開始發現IE8的Developer Tools有些過人之處,面對Firebug,不再只是被壓著打。 以下這個功能就深得我心!! 追出元素上套用的所有的CSS設定及其來源一點也不稀奇,是各大Browser輔助工具必備的本事,但IE8 Developer Tools的Style追蹤畫面上,每個...

不知道大家有沒有在網頁上寫過計數器這類用數字或英文圖檔拼湊出完整數字/語句的需求。 最直覺的做法是分別做出0.gif, 1.gif, ... 9.gif等10個圖檔,再輸出<img src="0.gif" /><img src="2.gif" />標籤就可以搞定。但這樣有幾...

幫忙看了一個問題,某個大家已經檢視無誤的網頁,在某位同事檢視時,發現所有的CSS格式設定都不見了,表格底色、字型都變成IE的預設值,感覺上是整個CSS失效。 先用Fiddler2檢視,確認CSS、JS等都下載正常,沒有發生HTTP 404下載檔案失敗的問題。為什麼大家看到的網頁都正常,只有這台機器...

悶! 抓了好久! 同事設計好頁面樣式,給了我一個HTML跟CSS,讓我套用到ASP.NET網頁上。我在ASPX裡用<link href="site.css" type="text/css" rel="stylesheet" />套用樣式,卻怎麼都無法生效! 最詭異的是,CSS無法生效的...

設計網頁時,有時需要從Client-Side禁止使用者點選、編輯某些網頁元素(如TextBox、Select、Radio、Checkbox...)。偏偏設成唯讀的做法Input, TextArea, Select不盡相同,還要小心設定disabled屬性會影響值是否傳回Server-Side,過去我...

先前我寫過一篇KB,談過套用XHTML後,TextArea的Width光設定數字時無法生效,必須再註明px才可以。今天在處理SPAN時,又遇到同樣的問題! 以下的寫在如果不加第一列的<!DOCTYPE...>,可以顯示向左靠的Left及向右靠的Right文字。但若加了XHTML宣告,...

當你在VS 2005中新增一個ASP.NET網頁,預設會套用XHTML標準,也就是你會在頁首看到這麼一列DOCTYPE的宣告: (想多了解一點DOCTYPE的人可以看這裡)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//...