Html 只有图像的一小部分显示

我在工具栏上有两个按钮。由于一些我不知道的原因，只有一小部分图像保持可见。如果我错了，请纠正我，但我使用了一个按钮，并将背景图像设置为我想要的图片。这是我的密码。感谢您的帮助

CSS:

HTML:

工具栏：

下面是正在发生的事情的图片：

如果添加高度，则会发生以下情况：

---

这就是通常发生的情况：

看起来您需要为您的

.openIRC

设定a级高度。具有背景图像的元素的大小不会像

元素那样。因此，您的

.openIRC

项将只向其最高的子元素（可能是文本）显示背景图像

---

来举一个我所说的例子

这大概是一个关于HTML+CSS的问题，但是你没有用这两个标记你的问题吗？是的，我修复了我的标记，谢谢！您忘记了在

宽度：23px

后加上一个分号。您还可以添加一个

height

属性。缺少的

高度

可能是您的问题。@EmanuelElliott要在StackOverflow中显示代码块，您需要在每行前面有四个空格，在编码的第一行前面还有一个空行。我们还有

。工具栏

规则吗？我想你的问题就在那里…谢谢！这就是问题所在！干杯

button.openTS {
  float: right;
  background: url("/images/tslogo.png") no-repeat;
  cursor: pointer;
  border-width: 0px;
  margin-right: 20px;
  margin-left: 5px;
  width: 23px
}

  button.openIRC {
  float: right;
  background: url("/images/irclogo.png") no-repeat;
  cursor: pointer;
  border-width: 0px;
  margin-left: 20px;
  margin-right: 5px;
  width: 23px
}

div.toolbar {
  background-color: #D6D6D6;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-bottom-color: #000000;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: #000000;
  border-right-style: solid;
  border-right-width: 10px;
  border-right-color: #000000;
  border-radius: 15px;
  position: absolute;
  top: 0px;
  right: 0px
}

<div class="toolbar">
    <h4 class="toolbar">Toolbar:</h4>
    <button onClick="TSappear(); IRCdisappear()" class="openTS"></button>
    <button onClick="IRCappear(); TSdisappear()" class="openIRC"></button>
</div> <!--This ends the Toolbar Div-->