css - 如何调整背景图和标签图的高度？

Question

如何调整背景图和标签图的高度？这是我需要的输出，这是 site我需要调整导航。我尝试使用 height:[no.of px] 但它的输出不是我需要的。

当我尝试放大标签图像时，图像会溢出到背景图像。

Answer 1

我认为您需要将 background-size 属性应用于相关元素。

参见引用资料:http://www.w3.org/TR/css3-background/#the-background-size

此外，您可以使用速记符号更简洁地编写 CSS 规则，即 background 属性。

您可能还需要应用 background-clip 属性。

div {
  border: 1px dotted blue;
  height: 150px;
  width: 450px;
  background-image: url(http://placekitten.com/1000/500);
  background-repeat: no-repeat;
  background-size: 100px 50px;
  background-position: 50px 50px;
}

<div>Sample text. Original image is 1000x500 px, but displayed as 100x50px.</div>