我一直在做一個網頁。這是我第一次嘗試使用圖像進行設計,然後使用適當的CSS佈局而不是表格。什麼是確定CSS問題源的最佳方法
http://www.roccocammisola.com/proj/brunel/bgimage.html
我一直有與主要內容區域兩側的陰影問題。當然這些只是IE中的一個問題。正如你所看到的那樣,陰影已經被削減到實際高度的10%左右。
由於我的親戚經驗不足,我該如何尋找這個問題的相關修復。
任何幫助將非常感激。
我一直在做一個網頁。這是我第一次嘗試使用圖像進行設計,然後使用適當的CSS佈局而不是表格。什麼是確定CSS問題源的最佳方法
http://www.roccocammisola.com/proj/brunel/bgimage.html
我一直有與主要內容區域兩側的陰影問題。當然這些只是IE中的一個問題。正如你所看到的那樣,陰影已經被削減到實際高度的10%左右。
由於我的親戚經驗不足,我該如何尋找這個問題的相關修復。
任何幫助將非常感激。
FireBug,這是調試CSS最重要的工具。
+1 Firebug的
在這種特殊情況下,我只是建議你的影子了新的途徑。目前,你有他們作爲項目。您通常希望使用CSS背景圖像來處理這樣的事情。
.mainShadowRight {
*/ your other stuff */
url('images/mainShadowRight.gif');
}
IE Web Developer Toolbar 它並不像一般的螢火蟲一樣好,但是當你有一個特定的IE瀏覽器的問題它幫助。
你.mainShadowRight CSS類指定一個最小高度(其中IE6不明白了,IE7並不總是100%得到正確)
和DLarsen指出,看來你缺少背景-image:url();位。
除了Firebug,確保您的HTML是有效的是一個寶貴的工具,可以最大限度地減少CSS頭痛。有時你的CSS可能無法正常工作,因爲HTML中存在錯誤。不同的瀏覽器有不同的方式來處理不正確的書面HTML,有時可能會使它看起來像是一個跨瀏覽器的CSS問題。驗證器可以幫助您查找標記中的錯誤。
感謝您的答案,似乎已經完成了帽子戲法。
我想我上傳了,因爲我應該definitley在那裏有bg圖像的東西。
IE瀏覽器開發工具欄看起來不錯,因爲我有FF的螢火蟲和網頁開發欄。
調試CSS的另一個熱門推薦 - CSS Viewer。
這是一個Firefox附加組件,允許您將鼠標懸停在網頁中的元素上並查看其確切樣式。通常你會發現最終的風格不是你的意思,可能是由於一些風格的繼承。
既然他說他的問題只與IE有關,那麼這將如何幫助他呢? – BoltBait 2008-10-27 19:23:08