如何拉伸背景图像宽度?

时间:2013-12-17 14:26:58

标签: css html5

我试图在CSS中使用footer的背景图片,但background-size:cover;导致大部分图片无法看到。有没有办法只展开它&#39 ;宽度? 这是我目前的.CSS

    footer
{
top:85%;
width:80%;
height:10%;
left:10%;
position:absolute;
z-index:99;
text-align:center;
border-style:solid;
border:1;
background-image:url(images/Inside%20the%20rig.jpg);
background-repeat:no-repeat;
background-size:cover;
}

1 个答案:

答案 0 :(得分:0)

尝试使用此功能,将999px替换为实际高度:

background-size: 100% 999px;

background-repeat:no-repeat;