Sadece alt yarısını göstermek için resim etiketine CSS uygulamak

Question

18 piksel genişliğinde ve 36 piksel yüksekliğinde bir görüntüyü gösteren bir görüntü etiketine sahibim. Bununla birlikte, sadece resmin 18 x 18 pikselini değil, tam 18 x 36 pikselini görüntülemek istiyorum. Bunu gerçekleştirmek için etikete stil uygulamaktan nasıl bahsederim?

DÜZENLEME: Yardımlarınız için hepinize

Teşekkür! Beni oraya getiren birkaç cevabın bir karışımıydı. Nihai stilleri ben takip ediyor dışarı ile geldi -

div.minus 
{ 
    background-image: url('Images/PlusMinus.gif'); 
    background-repeat: no-repeat; 
    background-position: bottom; 
    margin : 0px; 
    padding : 0px; 
    height: 18px; 
    width : 18px; 
    overflow : hidden; 
} 

div.plus 
{ 
    background-image: url('Images/PlusMinus.gif'); 
    background-repeat: no-repeat; 
    background-position: top; 
    margin : 0px; 
    padding : 0px; 
    height: 18px; 
    width : 18px; 
    overflow : hidden; 
} 

Ben klip niteliğini çalıştı ama onunla daha fazla şans yoktu ve ben bu yüzden gerekecek bir süre için silah altında değilim Daha sonra bununla karıştırın. Tekrar teşekkürler!

Answer 1

Korkarım ki yapamazsınız (ama asla asla söylememelisiniz, bu yüzden henüz umut vermeyin).

Sen biraz daha fazla iş içeren iki çözüm vardır:

• Yeri background-image kullanan bir 18x18 öğesine görüntü elemanını çevirin overflow:hidden

• şekilde ayarlanmış bir 18x18 öğesi içinde görüntü

Answer 2

Bu resmi arkaplanına uygulayabilir ve Bu divanın 18 piksele kadar yükseklik ve arka plan konumu. çalışma çözüm sunmak için

.cutoff { 
    background: url('image.jpg'); 
    height: 18px; 
    background-position: bottom; 
}