CSS Zentrum zugeschnittene Bild variable Dimensionen

Question

Ich versuche, eine beschnittene Mittelbereich eines Bildes angezeigt werden und haben es für unterschiedliche Größe Bilder arbeiten.

Ich hatte Erfolg eine feste Breite für die div Einstellen des Bild enthält und mit overflow: hidden Eigenschaft, das funktioniert so, wie ich es dies nur ausnehmen möchte zeigt den linken Teil des Bildes und die rechte Seite ist versteckt.

Was ich möchte, ist das Zentrum Teil des Bildes angezeigt werden und die linke und rechte Seite des Bildes versteckt hat.

Answer 1

würde ich mit dem Ansatz gehe ihm ein Hintergrundbild machen

.imghider {width:100px; background-image:url(./qed.jpg); background-position:center center;background-repeat:no-repeat;}

<div class="imghider">&nbsp;</div>

Wie für verschiedene Größen, die Sie mehrere Klassen oder CSS Ausdrücke (oder Server-Seite CSS-Generation)

verwenden könnten

Ich hoffe, das hilft.