Ist es möglich, nur den mittleren Teil des Bildes anzuzeigen? Für zB eine Bildhöhe = 300 px und Breite = 520px mit CSS oder JQUERY css wäre besser wenn möglich sonst kann ich Jquery verwenden, Googling hat mir nicht geholfen
ist es möglich, dass ich mit css nur 200 * 130 aus dem Zentrum zeigen kann für zB
%Vor%setze folgendes CSS:
.hintergrund {
Hintergrundposition: -200px -130px;
background-image: URL ("Bildname.png");
Breite: 200px; Höhe: 130px;}
Wenn das Bild ein <img> -Element sein muss, können Sie ein Overlay-Bild mit einem transparenten "Loch" in der Mitte verwenden.
Siehe Ссылка .
Es ist schwer zu sehen, aber das Bild oben ist weiß, hat aber eine transparente Mitte, wie ein rechteckiger Donut. Ich habe ein wenig von dem Bild auf der rechten Seite gelassen, damit Sie den Effekt sehen können.
Probieren Sie diesen Code: -
Hier müssen wir Bild als Hintergrund anwenden. Ich meine, wir können <img /> tag nicht setzen.
Dies ist jetzt mit CSS clip propery möglich. Weitere Informationen finden Sie unter MDN-Dokumente
Wie zum Beispiel in Frage gestellt, würde Code gehen:
%Vor% Clip benötigt position: absolute , um zu arbeiten. Daher ist es wahrscheinlich eine gute Idee, den <img> -Wert in <div> (oder <figure> oder wathever) zu setzen und ihn auf position: relative zu setzen, um das Bild im Dokumentenfluss zu enthalten