我創建CSS從彈出與背景圖像,如下背景圖像不灌裝窗口
#gui-01-Qa {
background-image:url(path/to//file.jpg);
background-repeat: no-repeat;
background-position: top left;
}
這一切工作正常除(什麼樣子)一個的邊界約5px被添加。這不是來自我的代碼,但IE和Firefox都加入它。所以,它是從何而來?
任何想法將有助於 非常感謝 賈爾斯
我創建CSS從彈出與背景圖像,如下背景圖像不灌裝窗口
#gui-01-Qa {
background-image:url(path/to//file.jpg);
background-repeat: no-repeat;
background-position: top left;
}
這一切工作正常除(什麼樣子)一個的邊界約5px被添加。這不是來自我的代碼,但IE和Firefox都加入它。所以,它是從何而來?
任何想法將有助於 非常感謝 賈爾斯
這條邊界是最有可能的body
元素的填充或保證金。只需添加html, body { margin:0; padding:0;}
,或使用CSS reset。
如果您想知道如何在不考慮分辨率的情況下展開背景圖片來填充整個窗口,同時保留縱橫比A List Apart最近發佈了關於此主題的very good article。
偉大的thx – giles 2010-07-21 06:56:04
也許元素與您的CSS ID「gui-01-Qa」導致邊界。嘗試將保證金和/或填充設置爲0.
您可以演示一些HTML代碼嗎? – user11977 2010-07-21 06:16:32
其餘的html會有所幫助。 作爲一個盲目的猜測,我會說有一個填充/邊緣在父母的某處或可能從其他一些CSS類繼承。最好的辦法是,用螢火蟲檢查元素並查看使用的真實樣式。 – enricog 2010-07-21 06:16:59