Posted on 2008-01-24 15:23
匪客 閱讀(3183)
評論(1) 編輯 收藏 所屬分類:
開發技術
前一段時間升級了一個程序，將程序的主界面用網頁來設計，效果非常好，用 HTML+CSS 可以實現更加豐富的界面效果，比直接用 Delphi 來得容易。
實現的方法很簡單，在窗體添加一個 WebBrowser 組件，然后執行以下代碼：
WebBrowser1.Navigate('D:\Soft\HomePage.html');
但隨之而來出現了一個問題：WebBrowser 組件在未載入 HTML 之前是無邊框的，當載入 HTML 之后，WebBrowser 四周出現了一個三維邊框，和程序本身的風格極不協調，查看了 WebBrowser 的所有屬性，沒有屬性可以改變這一設置。
經過測試以后發現，該邊框并不是 WebBrowser 產生的，而是 WebBrowser 中載入的 HTML 產生的，如果是這樣的話，那問題就好解決了，真接用 CSS 去掉邊框：
body { border: 0px; overflow: auto; /*可自動隱藏或顯示滾動條；設為 hidden 完全隱藏滾動條*/ }
當你高興地設置以上 CSS 后，卻發現 WebBrowser 的邊框卻依然存在，是 CSS 錯了嗎？NO，是你的 DOCTYPE 出了問題，以上的 CSS 在 XHTML 下是無效果的，將 DOCTYPE 設為 HTML4 即可：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">