背景图像后的间距

时间:2015-06-22 18:14:01

标签: html css css3

我的背景图片后面的这个空间来自哪里? (图中的红线表示间距) 背景图像没有这个空间,它以黑色结束的地方结束......

#menu{
    width:300px;
    margin: 0;
    padding: 0;
    background:url(../img/menuBackground.png) right no-repeat;  
    color:rgba(255,255,255,1.00);
}

enter image description here

它应该很好地完成到div的右侧......

2 个答案:

答案 0 :(得分:2)

尝试更改顶部:右:和高度:看看你想出了什么也添加了位置,除非你在其他地方有这个,我不知道你的其余代码在哪里。

  #menu
    position:fixed;
    top:0px;    /*maybe try positioning it fixed where you want it*/
    right:0px;    /*same here or left:0;*/
    width:300px;
    height:250px;  /*you could also try using height*/
    margin: 0;
    padding: 0;
    background:url(../img/menuBackground.png) right no-repeat;  
    color:rgba(255,255,255,1.00);
   }

答案 1 :(得分:1)

困惑的是我: 这解决了它:

background:url(../img/menuBackground.jpg) right top no-repeat;

因为只显示了图像的中间部分,所以看起来好像有间距:enter image description here