Html I'；我设置这个部门有困难

目前，我有一个1920 x 1080的图像/img标签贴在我的（城市的第一张图像）上

现在我想在图像上设置一个

和一个可点击的电话号码，因此我想我必须将其转换为

，并将图像用作背景

当我尝试

background:url（image/Houston_.jpg）时，中心没有重复为了实现在调整浏览器大小时显示/缩放图像的方式（在当前网站上，gulfstate.us），图像显示放大到上角，看起来并不漂亮

如果有人能帮忙，我将非常感激。我是新手，所以让我知道我还需要提供什么，我会马上回复

非常感谢你的帮助
 试试
背景尺寸：封面
根据规格

缩放背景图像，使其尽可能大，以便
背景区域被背景图像完全覆盖。一些
部分背景图像可能在背景中看不到
定位区

做了一些修改
下面的方法很好

用这个替换你的img标签。但是这是一个黑客行为，最好使用css背景大小

<div style="position:realtive;left:0;top:0">
   <div style="position: relative;top:0;z-index: 1;">
      <img class="headimg" src="image/Houston_remodeling.jpg">
   </div>
   <div style="position:absolute;top: 100px;left: 50%;z-index: 2;">
    9999999999999999999999999
    </div>
 </div>


9999999999999999999999999
由于我们在这里有点猜测，所以我将随机进行几次猜测

这种方式是使用
背景尺寸：封面，当我写这篇文章的时候，我看到有人已经提出了建议，但是我有一个例子，我还是继续吧

HTML:
看一看，看看这是否是你想要它对调整大小的反应，如果不是，给反馈，我们将有另一个尝试


注意：查看您链接到的网站后，我建议对您的
div
背景使用此方法。它更干净，整体看起来更专业。
快速演示您需要根据自己的设计调整css，
www.jsfiddle.net/jKnbL
添加最少的代码，这样我们就可以帮助您，甚至可以提供一个在线示例。“这个”在哪里？你们能告诉我如何在我的div中编写背景代码，使其具有与当前站点相同的可伸缩性吗？我现在的风格是“background:url（image/Houston_.jpg）center no repeat；”@用户3145782只需创建一个JSFIDLE，我们就可以为您进行查看。我们不打算猜测。这是可行的，但它似乎不会占用页面上的任何空间。。页面的其余部分不是在它之后继续，而是在divI后面生成的，divI没有在所有浏览器和移动设备中进行测试，请确保在所有环境中进行测试，除此之外，没有任何问题。根据您的技术，我如何做到这一点？嘿，这里有一个快速演示，您需要根据您的设计调整css，在html页面中尝试并调整css@rudy事实上，只有一件事我做不到，这件事很好。最小和最大高度似乎不像我网站上的当前版本那样改变div的高度。有没有办法增加这个功能？更具体地说，在大屏幕或我的桌面上，div几乎是浏览器的全尺寸，而在手机上，它大约是浏览器的一半左右。我想保留这个功能。谢谢你的帮助@用户3145782您是否可以不将
div
高度设定为一个百分比。e、 g:
高度：25%。注意：应该认真研究在手机等设备上使用媒体标签的问题。@rudy如果我这样做的话，它的编码方式会使它成为包含div的x%，这会使它很时髦。@user3145782-Erm，如果没有看到影响它的所有代码，就不能100%确定。正如我的第二个例子所示，它确实有效。
<div id="header">
    <p>This is test text</p>
    <p><a>Phone Number: 0000-00000</a></p>
    <button>Test button</button>
</div>

html,body {
    width: 100%;
}
#header {
    width: 100%;
    max-height: 600px;
    min-height: 400px;
    position: relative;
    z-index: 9998;
    background: url(http://www.3dwallz.com/wp-content/uploads/2013/08/21/ice-city-lake-wallpapers-x.jpg) center no-repeat;
    background-size: cover;
}