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