如何调整bg图像和标签图像的高度？

问题描述：

如何调整bg图像和标签图像的高度？这是我需要的输出，这里是我需要调整导航的site。我尝试使用高度：[px的数量]，但是这不是我所需要的。如何调整bg图像和标签图像的高度？

而当我尝试放大标签图像时，图像将溢出到bg图像。

答

我认为你需要将background-size属性应用到相关的元素。

见参考文献：http://www.w3.org/TR/css3-background/#the-background-size

此外，您还可以更consisely使用速记符号，也就是说，background财产编写CSS规则。

您可能还需要应用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>

如何调整bg图像和标签图像的高度？

相关推荐