2016-07-29 28 views
0

Mit diesen HTML/CSS-Code:Max-Höhe schneidet ein Bild von unten, wie schneidet man es von oben?

<!DOCTYPE html> 
<html> 
<head> <style> 
img { 
max-height: 100px; 
overflow: auto; 
} 
</style> 
</head> 
<body> 

<img src="http://www.wwwwwww.com//photos/foto.PNG" /> 

</body> 
</html> 

wir dieses Ergebnis haben

enter image description here

Ändern der CSS wie folgt aus:

img { 
max-height: 75px; 
overflow: auto; 
} 

Wir haben dieses Ergebnis

enter image description here

Was muss ich tun, um dieses Ergebnis zu erhalten ?:

enter image description here

ich den Clip Eigenschaft gefunden, aber ich bin ein Bootstrap-Karussell mit, und ich möchte diese erforderliche Methode zur Umsetzung dieser Element, weißt du, ob es möglich ist?

Antwort

-1

Ich bin mir nicht sicher, ob es genau das ist, was Sie suchen, aber indem Sie es in ein <div> Tag mit ein paar CSS-Eigenschaften, können Sie den Effekt erzielen.

Ich bin nicht in die statische Natur der Dimensionierung verliebt, also, wenn Sie etwas dynamischeres brauchen, schauen Sie weiter, aber das sollte Sie beginnen.

https://jsfiddle.net/e9jmrkkn/25/

+0

Bitte erklären Sie Ihre Abstimmung unten. Meine Antwort (die, wie ich sagte, war nicht perfekt), bot eine Lösung. Wenn Sie denken, dass es schlecht ist, schlagen Sie etwas Besseres vor. – pshep123