無法將背景設置爲完整版塊

我已經使用HTML5 + jquery創建了一個部分。我設置了一個圖像作爲該部分的背景，但圖像沒有設置爲完整的部分。它在部分內部的所有4個邊留下了2px的空間。我的代碼是;無法將背景設置爲完整版塊

<div id="container" data-role="page"> 
    <div style="..." data-role="header"><h>HOME</h></div> 
    <section id="mainsection"> 
    </section> 
</div>

CSS：

#mainsection 
{ 
    height:40px; 
    width:40%; 
    margin-left:5%; 
    margin-top:5%; 
    float:left; 
    background: url("images/pic99.png") no-repeat; 
    background-size : cover; 
    background-color:red; 
}

我已經使用的背景大小的財產％過，也沒有工作。我使用jquery-1.10.2.js，jquery.mobile-1.3.2.js，jquery.mobile-1.3.2.min.css。背景顏色屬性完全設置爲100％&只有在後臺屬性中使用圖像時出現此問題。

來源

2013-08-27 msg

檢查，如果你的背景圖像有任何填充或空白的值（可能繼承），它可能是招。另外，請確保您的部分填滿了所有屏幕。 –

嘗試刪除不重複 –

http://jsfiddle.net/vaibviad/vNaqR/24/ –

#mainsection 
{ 
    margin:0px !important; 
    padding:0px !important; 
}

來源

2013-08-27 07:06:31

此工作.thanks – msg

Demo

設置margin和padding是0px。請試試這個...

#mainsection{ 
    margin:0px; 
    padding:0px; 
}

來源

2013-08-27 07:04:03

使用的工具，像螢火蟲試試這個

*{ 
padding:0px; 
margin :0px; 
}

來源

2013-08-27 07:04:47

無法將背景設置爲完整版塊

回答

相關問題