0

我一直在花时间让背景图像在屏幕上拉伸以适应屏幕,所以我没有决定将它添加为图像。下面是我想要完成的图像。我已经清除了该部分的所有 CSS 和 HTML,并希望从头开始。非常感谢帮忙。www.jobspark.ca

在此处输入图像描述

4

2 回答 2

1

您的父容器已将宽度固定为 960 像素。如果您更改容器宽度,它将影响您的整个设计。最好试试我下面的代码。使位置绝对您的图像,您可以拉伸

.image-block-outer-wrapper{
     height:338px;
 }
.image-block-wrapper{
     position:absolute:
     //align this div using margin
}
 .image-block-wrapper img{
  width:1200px;
   //or increase original image width by photoshop and set width here whatever you want
  }
于 2013-05-24T06:14:43.613 回答
0

如果您希望图像在页面宽度上拉伸并且很高兴图像高度按比例缩放,请尝试 -

.image-block-wrapper {
    width:100%;
    display:block;
}
.image-block-wrapper img {
    width:100%;
    height:auto;
}

请确保“image-block-wrapper”元素没有嵌套在任何其他具有固定宽度的元素中。此外,标签不应指定宽度和高度属性。

于 2013-05-24T08:48:02.927 回答