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

标签 css layout background background-image

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

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

最佳答案

我认为您需要将 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>

关于css - 如何调整背景图和标签图的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26139003/

相关文章:

iphone - 我可以在 iPhone 上将位置发送到后台服务器吗?

css - Xpages:提前输入样式都被移动主题搞砸了

java - 跨面板对齐 Swing 组件

HTML 表格布局 3x2

css - Bootstrap 3 不规则面板布局

html - 为什么无论内容大小如何,我的 CSS(显然)都会强制显示滚动条?

java - 更改整个应用程序的背景

Latex:带有背景的标题和部分标题

jquery - Bootstrap 旋转木马按钮出现错误

html - 使文本显示为绿白色背景