Warum Tab-Menü Bild muss die Menügröße größer sein?

Question

siehe Beispiel 2 von this page

Die rechte und die linke runde Ecke Bilder verwendet werden, in diesem Beispiel oben ist height.I zu 83px haben versucht 25px Höhe rechts und links runde Ecke Bilder (Tab-Menü Höhe 25px) zu verwenden und Aber das Menü wird durcheinander gebracht.

Meine Frage ist

1. Warum Bilder haben viel größer sein als die tatsächliche Registerkarte Höhe?
2. Wie wird die Bildgröße bestimmt?

Answer 1

, wenn Sie Bild als Hintergrund dieses Elements verwenden, dann müssen Sie diese

.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 */ 
} 

dies das Bild halten in Höhe Ihres Elements und Breite

, wenn Sie das Bild im verwenden Element in HTML-Code, wie

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

dann in CSS Sie brauchen:

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

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