Html 为什么选项卡菜单图像必须大于菜单大小？

参见中的示例2

本例中使用的右圆角图像和左圆角图像的高度高达83px。我曾尝试使用25px高度的右圆角图像和左圆角图像（选项卡菜单高度为25px），但菜单将被弄乱

我的问题是

为什么图像必须比实际标签高度大得多

如何确定图像大小

---

如果您使用图像作为该元素的背景，那么您需要它

.some_class
{
    height:100px; width:100px;
    background: url('close.png');
    background-repeat:no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%; /*  Safari  */
    -khtml-background-size: 100% 100%; /*  Konqueror  */
    -moz-background-size: 100% 100%; /*  Firefox  */
}

这将使图像保持在元素的高度和宽度

如果在HTML代码中使用元素内部的图像，如

<div class="example"><img tag="images/someimage.jpg"></div>

.example
{
   height: 100px
   width:  100px
 }

.example img
{
  width:100%
  height:100%
  here you can set up rounded borders for it too
}