0

我使用 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;
}

我也在 % 中使用了 background-size 属性，这也不起作用。我正在使用 jquery-1.10.2.js、jquery.mobile-1.3.2.js、jquery.mobile-1.3.2.min.css。背景颜色属性设置为 100%，只有在背景属性中使用图像时我才会遇到这个问题。

4

3 回答 3

1

演示

设置margin和padding是0px。请试试这个...

#mainsection{
    margin:0px;
    padding:0px;
}
于 2013-08-27T07:04:03.430 回答
0 
#mainsection
{
    margin:0px !important;
    padding:0px !important;
}
于 2013-08-27T07:06:31.020 回答
0

尝试这个

*{
padding:0px;
margin :0px; 
}
于 2013-08-27T07:04:47.500 回答