爲什麼標籤菜單圖像必須大於菜單大小？

Question

參見實施例2從this page

右和左圓角圖像在本實施例中使用的高達83px height.I曾嘗試使用25像素高度右和左圓角的圖像（標籤菜單高度是25像素）和但是菜單會混亂。

我的問題是

1. 爲什麼圖像必須比實際翼片高度更大？
2. 如何確定圖像尺寸？

Answer 1

如果你使用圖像作爲元素的背景，那麼你需要這個

.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> 

然後在CSS，你需要：

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

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